Procházet zdrojové kódy

fix: adjust header layout alignment

- Set logo padding: 8px 20px (top/bottom 8px)
- Set nav wrapper padding-bottom: 8px
- Both logo and nav aligned to bottom with same spacing
- Maintains 80px header height without overflow

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
Ryuiso před 3 týdny
rodič
revize
2d82840039
1 změnil soubory, kde provedl 3 přidání a 3 odebrání
  1. 3 3
      src/components/Header.vue

+ 3 - 3
src/components/Header.vue

@@ -179,7 +179,7 @@ export default {
   width: 140px;
   height: 80px;
   float: left;
-  padding: 15px 20px;
+  padding: 8px 20px;
   box-sizing: border-box;
 }
 
@@ -197,10 +197,10 @@ export default {
 
 #header .header-nav .header-nav-wrapper {
   float: right;
-  height: 50px;
+  height: 80px;
   display: flex;
   align-items: flex-end;
-  padding-bottom: 15px;
+  padding-bottom: 8px;
   box-sizing: border-box;
 }