diff options
Diffstat (limited to 'src/components/TileTree.vue')
| -rw-r--r-- | src/components/TileTree.vue | 10 |
1 files changed, 4 insertions, 6 deletions
diff --git a/src/components/TileTree.vue b/src/components/TileTree.vue index a7b6f83..b6daadf 100644 --- a/src/components/TileTree.vue +++ b/src/components/TileTree.vue @@ -165,8 +165,6 @@ export default defineComponent({ width: '100vw', // Making this dynamic causes white flashes when resizing height: '100vh', backgroundColor: '#292524', - // CSS variables - '--transitionDuration': this.componentOptions.transitionDuration + 'ms', }; }, }, @@ -545,7 +543,7 @@ export default defineComponent({ <style> .animate-expand-shrink { animation-name: expand-shrink; - animation-duration: var(--transitionDuration); + animation-duration: 300ms; animation-iteration-count: 1; animation-timing-function: ease-in-out; } @@ -562,7 +560,7 @@ export default defineComponent({ } .animate-shrink-expand { animation-name: shrink-expand; - animation-duration: var(--transitionDuration); + animation-duration: 300ms; animation-iteration-count: 1; animation-timing-function: ease-in-out; } @@ -582,7 +580,7 @@ export default defineComponent({ } .fade-enter-active, .fade-leave-active { transition-property: opacity; - transition-duration: var(--transitionDuration); + transition-duration: 300ms; transition-timing-function: ease-out; } .slide-bottom-right-enter-from, .slide-bottom-right-leave-to { @@ -591,7 +589,7 @@ export default defineComponent({ } .slide-bottom-right-enter-active, .slide-bottom-right-leave-active { transition-property: transform, opacity; - transition-duration: var(--transitionDuration); + transition-duration: 300ms; transition-timing-function: ease-in-out; } </style> |