style: 收集箱侧边栏对齐聊天室布局模式,按钮筛选栏区域独立padding,列表贴边

This commit is contained in:
2026-06-03 21:46:44 +08:00
parent eb93de52d8
commit 525278870f
2 changed files with 14 additions and 6 deletions

View File

@@ -110,10 +110,12 @@ export function MaterialList({ loading, materials, onAddClick, onDelete, onSelec
return ( return (
<div className="app-inbox-sidebar"> <div className="app-inbox-sidebar">
<div className="app-inbox-sidebar-header">
<Button block icon={<PlusOutlined />} onClick={onAddClick} type="primary"> <Button block icon={<PlusOutlined />} onClick={onAddClick} type="primary">
</Button> </Button>
<Segmented block onChange={(value) => setFilterStatus(value)} options={segmentedOptions} value={filterStatus} /> <Segmented block onChange={(value) => setFilterStatus(value)} options={segmentedOptions} value={filterStatus} />
</div>
<div className="app-inbox-list"> <div className="app-inbox-list">
{loading ? ( {loading ? (
<Skeleton active paragraph={{ rows: 6 }} title={false} /> <Skeleton active paragraph={{ rows: 6 }} title={false} />

View File

@@ -259,13 +259,19 @@ body {
display: flex; display: flex;
width: 280px; width: 280px;
flex-direction: column; flex-direction: column;
gap: var(--ant-margin-sm);
padding: var(--ant-padding-sm);
border-right: 1px solid var(--ant-color-border-secondary); border-right: 1px solid var(--ant-color-border-secondary);
border-radius: var(--ant-border-radius-lg); border-radius: var(--ant-border-radius-lg);
background: var(--ant-color-bg-container); 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 { .app-inbox-list {
display: flex; display: flex;
flex: 1; flex: 1;