From 92a92b17cfdc67d039cde049fe1611aeff925047 Mon Sep 17 00:00:00 2001
From: linxd <544554903@qq.com>
Date: Thu, 3 Jul 2025 11:33:07 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BE=8E=E5=8C=96=E5=A4=B4=E9=83=A8=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E9=98=B4=E5=BD=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/Header.less | 50 ++++++++++++++++++++++-------------------
 src/layouts/Header.tsx  |  8 ++++---
 2 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/src/layouts/Header.less b/src/layouts/Header.less
index 74e0d65..e1cda1a 100644
--- a/src/layouts/Header.less
+++ b/src/layouts/Header.less
@@ -1,27 +1,31 @@
 @import '../baseStyle.less';
 
-.header {
-  position: relative;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: @width;
-  margin: 0 auto;
-  .logo {
-    height: 45px;
+.header-container {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  .header {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: @width;
+    margin: 0 auto;
+    .logo {
+      height: 45px;
+    }
+
+    .header-menu {
+      display: flex;
+      flex: 1;
+      align-items: center;
+      justify-content: flex-end;
+      .ant-menu-horizontal {
+        line-height: 58px;
+        border: none;
+      }
+    }
+    .user {
+      margin-left: 15px;
+    }
   }
 }
-.header-menu {
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: flex-end;
-  .ant-menu-horizontal {
-    line-height: 58px;
-    border: none;
-  }
-}
-.user {
-  margin-left: 15px;
-}
diff --git a/src/layouts/Header.tsx b/src/layouts/Header.tsx
index 45edb02..0f8491d 100644
--- a/src/layouts/Header.tsx
+++ b/src/layouts/Header.tsx
@@ -7,9 +7,11 @@ import './Header.less';
 import HeaderMenu from './HeaderMenu';
 const Header: React.FC = (props) => {
   return (
-    <div className="header">
-      <img className='logo' src={LogoImg} alt="logo" />
-      <HeaderMenu />
+    <div className="header-container">
+      <div className="header">
+        <img className="logo" src={LogoImg} alt="logo" />
+        <HeaderMenu />
+      </div>
     </div>
   );
 };