Parcourir la source

style: 调整导航栏样式容纳更多按钮

ai0197 il y a 3 mois
Parent
commit
e627a274f4
1 fichiers modifiés avec 17 ajouts et 13 suppressions
  1. 17 13
      src/components/Nav.vue

+ 17 - 13
src/components/Nav.vue

@@ -100,7 +100,7 @@
 
     &__nav {
       @include flex-center;
-      gap: 20cpx;
+      gap: 10cpx;
       height: 100%;
       margin-left: 32cpx;
 
@@ -139,25 +139,29 @@
   }
 
   .platform__right {
-    @include flex-center;
-    position: absolute;
-    top: 0;
-    right: 0;
+    // @include flex-center;
+    // position: absolute;
+    // top: 0;
+    // right: 0;
+    display: flex;
+    flex: 1;
+    justify-content: flex-end;
     height: 73cpx;
 
-    &__search {
-      @include flex-center;
-      width: 210cpx;
-      height: 100%;
-      padding: 28cpx 26cpx;
-      background: rgba($white-color, 0.4);
-    }
+    // &__search {
+    //   @include flex-center;
+    //   width: 210cpx;
+    //   height: 100%;
+    //   padding: 28cpx 26cpx;
+    //   background: rgba($white-color, 0.4);
+    // }
 
     &__login {
       @include flex-center;
       gap: 10cpx;
       height: 100%;
-      padding: 27cpx 40cpx 26cpx 40cpx;
+      // padding: 27cpx 40cpx 26cpx 40cpx;
+      padding: 27cpx 10cpx 26cpx;
       font-size: 18cpx;
       color: $primary-color;
       cursor: pointer;