fix(sidebar): width animation

epicmaxco · Nov 29, 2023 · 6d6ac9a · 6d6ac9a
1 parent 358e632
commit 6d6ac9a
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/ui/src/components/va-sidebar/VaSidebar.vue b/packages/ui/src/components/va-sidebar/VaSidebar.vue
@@ -114,6 +114,8 @@ export default defineComponent({
         backgroundColor,
         backgroundImage: props.gradient ? getGradientBackground(backgroundColor) : undefined,
         overflowX: currentMenuWidth.value === sidebarWidth.value ? undefined : 'hidden' as const,
+        width: sidebarWidth.value,
+        minWidth: sidebarWidth.value,
       }
     })
 
@@ -196,11 +198,11 @@ export default defineComponent({
   }
 
   &--animated-right {
-    justify-content: flex-start;
+    justify-content: flex-end;
   }
 
   &--animated-left {
-    justify-content: flex-end;
+    justify-content: flex-start;
   }
 
   &--minimized {