fix: header swiper style

Signed-off-by: Innei <tukon479@gmail.com>
mx-space · Aug 14, 2022 · 3054fd1 · 3054fd1
1 parent 41e786c
commit 3054fd1
Showing 1 changed file with 24 additions and 24 deletions.
diff --git a/src/components/layouts/BasicLayout/Header/index.module.css b/src/components/layouts/BasicLayout/Header/index.module.css
@@ -182,38 +182,38 @@
   transform: translateY(0);
   transition: transform 0.5s;
 
-  &.toggle {
-    transform: translateY(-50%) !important;
+  & .head-info {
+    overflow: hidden;
+    flex-shrink: 1;
+    margin-right: 20px;
 
-    & .head-info {
+    & .desc {
+      position: relative;
       overflow: hidden;
+      display: flex;
+      flex-direction: column;
       flex-shrink: 1;
-      margin-right: 20px;
 
-      & .desc {
+      & > div {
         position: relative;
-        overflow: hidden;
-        display: flex;
-        flex-direction: column;
-        flex-shrink: 1;
-
-        & > div {
-          position: relative;
-          animation: swipe-up 0.5s ease-in-out forwards;
-          bottom: -5rem;
-        }
-
-        & > div:nth-child(1) {
-          opacity: 0;
-        }
-
-        & > div:nth-child(2) {
-          opacity: 0.5;
-          animation-timing-function: ease;
-        }
+        animation: swipe-up 0.5s ease-in-out forwards;
+        bottom: -5rem;
+      }
+
+      & > div:nth-child(1) {
+        opacity: 0;
+      }
+
+      & > div:nth-child(2) {
+        opacity: 0.5;
+        animation-timing-function: ease;
       }
     }
   }
+
+  &.toggle {
+    transform: translateY(-50%) !important;
+  }
 }
 
 .head-info {