Sfoglia il codice sorgente

fix: center header navigation vertically

- Change nav alignment from flex-end to center
- Remove padding-bottom from header-nav-wrapper
- Increase logo padding to 20px for better spacing
- Navigation text now centered vertically in header

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
Ryuiso 3 settimane fa
parent
commit
3cbe52ef7f
1 ha cambiato i file con 2 aggiunte e 4 eliminazioni
  1. 2 4
      src/components/Header.vue

+ 2 - 4
src/components/Header.vue

@@ -179,7 +179,7 @@ export default {
   width: 140px;
   height: 80px;
   float: left;
-  padding: 8px 20px;
+  padding: 20px;
   box-sizing: border-box;
 }
 
@@ -199,9 +199,7 @@ export default {
   float: right;
   height: 80px;
   display: flex;
-  align-items: flex-end;
-  padding-bottom: 8px;
-  box-sizing: border-box;
+  align-items: center;
 }
 
 /* 导航栏 每个导航 */