From 8f3e855f41885e8de61af7f374280f7c712e5882 Mon Sep 17 00:00:00 2001
From: Soybean <honghuangdc@gmail.com>
Date: Fri, 10 Jun 2022 00:41:20 +0800
Subject: [PATCH] =?UTF-8?q?refactor(projects):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E6=94=AF=E6=8C=81=E6=A8=AA=E5=90=91=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ISSUES CLOSED: #76
---
 .../GlobalHeader/components/HeaderMenu.vue    | 35 +++++++------------
 1 file changed, 12 insertions(+), 23 deletions(-)

diff --git a/src/layouts/common/GlobalHeader/components/HeaderMenu.vue b/src/layouts/common/GlobalHeader/components/HeaderMenu.vue
index 781ddf05..cc6975e7 100644
--- a/src/layouts/common/GlobalHeader/components/HeaderMenu.vue
+++ b/src/layouts/common/GlobalHeader/components/HeaderMenu.vue
@@ -1,13 +1,15 @@
 <template>
-  <div style="flex: 1; overflow: hidden; padding: 0 10px">
-    <n-scrollbar :x-scrollable="true" class="flex-1-hidden">
-      <n-menu
-        :value="activeKey"
-        mode="horizontal"
-        :options="menus"
-        :inverted="theme.header.inverted"
-        @update:value="handleUpdateMenu"
-      />
+  <div class="flex-1-hidden h-full px-10px">
+    <n-scrollbar :x-scrollable="true" class="flex-1-hidden h-full" content-class="h-full">
+      <div class="flex-y-center h-full">
+        <n-menu
+          :value="activeKey"
+          mode="horizontal"
+          :options="menus"
+          :inverted="theme.header.inverted"
+          @update:value="handleUpdateMenu"
+        />
+      </div>
     </n-scrollbar>
   </div>
 </template>
@@ -33,20 +35,7 @@ function handleUpdateMenu(_key: string, item: MenuOption) {
 }
 </script>
 
-<style lang="scss" scoped>
-:deep(.n-menu-item-content__icon) {
-  font-size: 16px !important;
-}
-:deep(.n-menu .n-menu-item) {
-  margin-top: 0;
-  // margin-bottom: 5px;
-}
-:deep(.n-menu .n-menu-item::before) {
-  left: 0;
-  right: 0;
-  border-radius: 3px;
-  margin: 0 5px;
-}
+<style scoped>
 :deep(.n-menu-item-content-header) {
   overflow: inherit !important;
 }