feat: 收集箱侧边栏UI美化 — 自定义滚动条、隐藏空分组、优化列表项间距
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user