Fix transition styling

super16 · Jan 12, 2023 · 07041a1 · 07041a1
1 parent 9fa7468
commit 07041a1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -27,3 +27,13 @@ const { showInfo } = storeToRefs(store);
     />
   </Transition>
 </template>
+
+<style lang="postcss">
+.v-enter-active, .v-leave-active {
+  @apply transition delay-300;
+}
+
+.v-enter-from, .v-leave-to {
+  @apply opacity-0;
+}
+</style>
diff --git a/src/index.css b/src/index.css
@@ -42,12 +42,4 @@
   article p span a {
     @apply decoration-4 decoration-indigo-400 hover:decoration-8 underline;
   }
-
-  .v-enter-active, .v-leave-active {
-    @apply transition delay-150;
-  }
-
-  .v-enter-from, .v-leave-to {
-    @apply opacity-0;
-  }
 }