Refactor Sidebar layout by adjusting header height and removing unused labels for a cleaner interface
This commit is contained in:
@@ -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>
|
||||
|
||||
{/* 收起 / 展开侧栏 */}
|
||||
|
||||
Reference in New Issue
Block a user