fix: toc visibility toggle

EATSTEAK · Aug 12, 2024 · bf6975e · bf6975e
1 parent 3c547e8
commit bf6975e
Showing 1 changed file with 14 additions and 14 deletions.
diff --git a/src/components/toc.css b/src/components/toc.css
@@ -1,5 +1,19 @@
 @tailwind components;
 
+.slide-fade-enter-active {
+    transition: all 0.3s ease;
+}
+
+.slide-fade-exit-active {
+    transition: all 0.3s ease;
+}
+
+.slide-fade-enter,
+.slide-fade-exit-to {
+    transform: translateY(-10px);
+    opacity: 0;
+}
+
 
 @layer components {
     .contents-btn {
@@ -15,20 +29,6 @@
         padding-left: 1.5rem;
     }
 
-    .slide-fade-enter-active {
-        transition: all 0.3s ease;
-    }
-
-    .slide-fade-exit-active {
-        transition: all 0.3s ease;
-    }
-
-    .slide-fade-enter,
-    .slide-fade-exit-to {
-        transform: translateY(10px);
-        opacity: 0;
-    }
-
     svg.toc-active {
         transform: rotate(180deg);
     }