From ef5e9aec3f8852a4df373e0856aec9333bebf0ff Mon Sep 17 00:00:00 2001
From: hailin <hailin.zhao@gdzx.xyz>
Date: Wed, 26 Nov 2025 02:09:53 -0800
Subject: [PATCH] .

---
 frontend/admin-web/package-lock.json          |  1 +
 .../layout/Sidebar/Sidebar.module.scss        | 39 ++++++++++++++++++-
 2 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/frontend/admin-web/package-lock.json b/frontend/admin-web/package-lock.json
index 7c4ba56c..eaf08cd6 100644
--- a/frontend/admin-web/package-lock.json
+++ b/frontend/admin-web/package-lock.json
@@ -3268,6 +3268,7 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
diff --git a/frontend/admin-web/src/components/layout/Sidebar/Sidebar.module.scss b/frontend/admin-web/src/components/layout/Sidebar/Sidebar.module.scss
index 0c34e4b7..f269497f 100644
--- a/frontend/admin-web/src/components/layout/Sidebar/Sidebar.module.scss
+++ b/frontend/admin-web/src/components/layout/Sidebar/Sidebar.module.scss
@@ -21,28 +21,63 @@
 
   &--collapsed {
     width: $sidebar-collapsed-width;
+    align-items: center;
 
     .sidebar__header {
       justify-content: center;
-      padding: 0 $spacing-sm;
+      padding: 0;
+      width: 100%;
+    }
+
+    .sidebar__logo {
+      justify-content: center;
     }
 
     .sidebar__logoText {
       display: none;
     }
 
+    .sidebar__navWrapper {
+      width: 100%;
+      align-items: center;
+    }
+
+    .sidebar__nav {
+      width: 100%;
+      padding: 16px 8px;
+      align-items: center;
+    }
+
     .sidebar__toggle {
-      position: static;
+      position: absolute;
+      right: -12px;
     }
 
     .sidebar__item {
       justify-content: center;
       padding: 8px;
+      width: calc(100% - 16px);
     }
 
     .sidebar__label {
       display: none;
     }
+
+    .sidebar__bottomNav {
+      padding: 16px 8px;
+      align-items: center;
+    }
+
+    .sidebar__bottomMenu {
+      align-items: center;
+      width: 100%;
+    }
+
+    .sidebar__logoutItem {
+      justify-content: center;
+      padding: 8px;
+      width: calc(100% - 16px);
+    }
   }
 
   &__header {