Parcourir la source

style: align header navigation to bottom

- Add flexbox layout to header-nav-wrapper
- Set align-items: flex-end for bottom alignment
- Add padding-bottom: 15px for proper spacing
- Match logo vertical positioning

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
Ryuiso il y a 3 semaines
Parent
commit
ba28be7366
1 fichiers modifiés avec 5 ajouts et 0 suppressions
  1. 5 0
      src/components/Header.vue

+ 5 - 0
src/components/Header.vue

@@ -197,6 +197,11 @@ export default {
 
 #header .header-nav .header-nav-wrapper {
   float: right;
+  height: 80px;
+  display: flex;
+  align-items: flex-end;
+  padding-bottom: 15px;
+  box-sizing: border-box;
 }
 
 /* 导航栏 每个导航 */