Refactor Sidebar layout by adjusting header height and removing unused labels for a cleaner interface

This commit is contained in:
Xin Wang
2026-06-07 21:22:50 +08:00
parent b6cb13dfac
commit 38880f89bf

View File

@@ -71,7 +71,7 @@ export function Sidebar({
collapsed ? "w-[76px]" : "w-[252px]",
].join(" ")}
>
<div className="shrink-0 flex h-[81px] items-center gap-3 border-b border-sidebar-border px-5 transition-[padding] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]">
<div className="shrink-0 flex h-16 items-center gap-3 border-b border-sidebar-border px-5 transition-[padding] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]">
<div
className="relative flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl text-on-primary shadow-sm"
style={{
@@ -92,7 +92,6 @@ export function Sidebar({
<div className="truncate font-display text-base text-foreground">
AI
</div>
<div className="truncate caption-label text-muted-soft"></div>
</div>
</div>
@@ -252,16 +251,7 @@ export function Sidebar({
<span className="block truncate text-sm font-medium text-foreground">
</span>
<span className="block truncate text-xs text-muted-soft"></span>
</span>
<ChevronRight
size={16}
className={[
"shrink-0 text-muted-soft transition-all duration-200 group-hover:translate-x-0.5 group-hover:text-foreground",
collapsed ? "hidden" : "opacity-0 group-hover:opacity-100",
].join(" ")}
/>
</button>
{/* 收起 / 展开侧栏 */}