feat: 收集箱侧边栏UI美化 — 自定义滚动条、隐藏空分组、优化列表项间距

This commit is contained in:
2026-06-03 22:31:49 +08:00
parent 525278870f
commit dc7d9e83b8
3 changed files with 22 additions and 32 deletions

View File

@@ -5,11 +5,10 @@ import { type ReactNode, useState } from "react";
interface MaterialGroupProps {
children: ReactNode;
count: number;
emptyText?: string;
label: string;
}
export function MaterialGroup({ children, count, emptyText, label }: MaterialGroupProps) {
export function MaterialGroup({ children, count, label }: MaterialGroupProps) {
const [collapsed, setCollapsed] = useState(false);
return (
@@ -23,17 +22,7 @@ export function MaterialGroup({ children, count, emptyText, label }: MaterialGro
({count})
</Typography.Text>
</div>
{!collapsed && (
<div className="app-inbox-group-content">
{count === 0 && emptyText ? (
<Typography.Text className="app-inbox-group-empty" type="secondary">
{emptyText}
</Typography.Text>
) : (
children
)}
</div>
)}
{!collapsed && <div className="app-inbox-group-content">{children}</div>}
</div>
);
}