From 525278870f9bd27b484a5b10107e5a0b8a62d52d Mon Sep 17 00:00:00 2001
From: lanyuanxiaoyao <lanyuanxiaoyao@gmail.com>
Date: Wed, 3 Jun 2026 21:46:44 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=94=B6=E9=9B=86=E7=AE=B1=E4=BE=A7?=
 =?UTF-8?q?=E8=BE=B9=E6=A0=8F=E5=AF=B9=E9=BD=90=E8=81=8A=E5=A4=A9=E5=AE=A4?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E6=A8=A1=E5=BC=8F=EF=BC=8C=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E7=AD=9B=E9=80=89=E6=A0=8F=E5=8C=BA=E5=9F=9F=E7=8B=AC=E7=AB=8B?=
 =?UTF-8?q?padding=EF=BC=8C=E5=88=97=E8=A1=A8=E8=B4=B4=E8=BE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/web/features/inbox/components/MaterialList.tsx | 10 ++++++----
 src/web/styles.css                                 | 10 ++++++++--
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/web/features/inbox/components/MaterialList.tsx b/src/web/features/inbox/components/MaterialList.tsx
index e9a668d..a2f73ec 100644
--- a/src/web/features/inbox/components/MaterialList.tsx
+++ b/src/web/features/inbox/components/MaterialList.tsx
@@ -110,10 +110,12 @@ export function MaterialList({ loading, materials, onAddClick, onDelete, onSelec
 
   return (
     <div className="app-inbox-sidebar">
-      <Button block icon={<PlusOutlined />} onClick={onAddClick} type="primary">
-        新增素材
-      </Button>
-      <Segmented block onChange={(value) => setFilterStatus(value)} options={segmentedOptions} value={filterStatus} />
+      <div className="app-inbox-sidebar-header">
+        <Button block icon={<PlusOutlined />} onClick={onAddClick} type="primary">
+          新增素材
+        </Button>
+        <Segmented block onChange={(value) => setFilterStatus(value)} options={segmentedOptions} value={filterStatus} />
+      </div>
       <div className="app-inbox-list">
         {loading ? (
           <Skeleton active paragraph={{ rows: 6 }} title={false} />
diff --git a/src/web/styles.css b/src/web/styles.css
index 9d5ff77..51e1d87 100644
--- a/src/web/styles.css
+++ b/src/web/styles.css
@@ -259,13 +259,19 @@ body {
   display: flex;
   width: 280px;
   flex-direction: column;
-  gap: var(--ant-margin-sm);
-  padding: var(--ant-padding-sm);
   border-right: 1px solid var(--ant-color-border-secondary);
   border-radius: var(--ant-border-radius-lg);
   background: var(--ant-color-bg-container);
 }
 
+.app-inbox-sidebar-header {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ant-margin-sm);
+  padding: var(--ant-padding-sm);
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+}
+
 .app-inbox-list {
   display: flex;
   flex: 1;