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]",
|
collapsed ? "w-[76px]" : "w-[252px]",
|
||||||
].join(" ")}
|
].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
|
<div
|
||||||
className="relative flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl text-on-primary shadow-sm"
|
className="relative flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl text-on-primary shadow-sm"
|
||||||
style={{
|
style={{
|
||||||
@@ -92,7 +92,6 @@ export function Sidebar({
|
|||||||
<div className="truncate font-display text-base text-foreground">
|
<div className="truncate font-display text-base text-foreground">
|
||||||
AI 视频助手
|
AI 视频助手
|
||||||
</div>
|
</div>
|
||||||
<div className="truncate caption-label text-muted-soft">管理台</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -252,16 +251,7 @@ export function Sidebar({
|
|||||||
<span className="block truncate text-sm font-medium text-foreground">
|
<span className="block truncate text-sm font-medium text-foreground">
|
||||||
管理员
|
管理员
|
||||||
</span>
|
</span>
|
||||||
<span className="block truncate text-xs text-muted-soft">超级管理员</span>
|
|
||||||
</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>
|
</button>
|
||||||
|
|
||||||
{/* 收起 / 展开侧栏 */}
|
{/* 收起 / 展开侧栏 */}
|
||||||
|
|||||||
Reference in New Issue
Block a user