Hide search bar when scroll

2024-02-20 11:19:09 +08:00
parent 9ab8a0268c
commit 94294d90b2
2 changed files with 27 additions and 5 deletions
--- a/src/assets/css/pages/tools/store.scss
+++ b/src/assets/css/pages/tools/store.scss
@@ -9,10 +9,15 @@
    top: 20px;
    z-index: 10;
    justify-content: center;
+    transition: all 0.3s ease;

-    >* {
+    > * {
      width: 80%;
    }
+
+    &.hide {
+      transform: translateY(-60px);
+    }
  }

  .root-content {
@@ -99,7 +104,7 @@
          right: 12px;
          font-size: 1.6em;

-          >*:hover {
+          > *:hover {
            color: constants.$font-secondary-color;
          }
        }