style(aside): appear

Novout · Sep 25, 2021 · 0582d86 · 0582d86
1 parent f74482e
commit 0582d86
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/components/editor/aside/AsideBarItem.vue b/src/components/editor/aside/AsideBarItem.vue
@@ -43,9 +43,13 @@
         </svg>
       </HeroIcon>
     </DisclosureButton>
-    <DisclosurePanel class="flex flex-col w-full items-center justify-between">
-      <slot />
-    </DisclosurePanel>
+    <transition name="fade" appear>
+      <DisclosurePanel
+        class="flex flex-col w-full items-center justify-between"
+      >
+        <slot />
+      </DisclosurePanel>
+    </transition>
   </Disclosure>
 </template>
 

diff --git a/src/components/editor/main/EditorBase.vue b/src/components/editor/main/EditorBase.vue
@@ -37,7 +37,7 @@
           dark:bg-gray-700
         "
       >
-        <transition-group name="list" tag="div">
+        <transition-group name="list" tag="div" appear>
           <TextShow
             v-for="entity in store.state.context.entity"
             :id="id(entity)"