From c8fc1d73e01d6fb6494a9277f8590981d058c1c2 Mon Sep 17 00:00:00 2001
From: Azir <2075125282@qq.com>
Date: Thu, 23 May 2024 22:33:50 +0800
Subject: [PATCH] fix(styles): Fix the issue of button edges on both sides of
 the header

---
 src/layouts/modules/global-header/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/modules/global-header/index.vue b/src/layouts/modules/global-header/index.vue
index 033edd3e..12103ac4 100644
--- a/src/layouts/modules/global-header/index.vue
+++ b/src/layouts/modules/global-header/index.vue
@@ -47,7 +47,7 @@ const headerMenus = computed(() => {
 </script>
 
 <template>
-  <DarkModeContainer class="h-full flex-y-center shadow-header">
+  <DarkModeContainer class="h-full flex-y-center px-4 shadow-header">
     <GlobalLogo v-if="showLogo" class="h-full" :style="{ width: themeStore.sider.width + 'px' }" />
     <HorizontalMenu v-if="showMenu" mode="horizontal" :menus="headerMenus" class="px-12px" />
     <div v-else class="h-full flex-y-center flex-1-hidden">