style: 收集箱侧边栏对齐聊天室布局模式,按钮筛选栏区域独立padding,列表贴边
This commit is contained in:
@@ -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} />
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user