feat(ui): unify content shell layout

This commit is contained in:
zetaloop
2026-04-26 01:53:15 +08:00
parent 30c336345e
commit 58dc001146
16 changed files with 42 additions and 39 deletions
+9 -4
View File
@@ -40,8 +40,8 @@ export function DashboardSidebar() {
const links = currentRole === "owner" ? ownerLinks : playerLinks
return (
<aside className="w-56 shrink-0 border-r bg-muted/30">
<div className="flex h-14 items-center gap-2 border-b px-4 font-semibold">
<aside className="w-56 shrink-0 border-r border-border/60 bg-background/80">
<div className="flex h-14 items-center gap-2 border-b border-border/60 px-4 font-semibold">
<Gamepad2 className="h-4 w-4" />
</div>
@@ -52,8 +52,13 @@ export function DashboardSidebar() {
return (
<Button
key={link.href}
variant={isActive ? "secondary" : "ghost"}
className={cn("w-full justify-start", !isActive && "text-muted-foreground")}
variant="ghost"
className={cn(
"h-10 w-full justify-start rounded-md border-l-2 transition-colors",
isActive
? "border-primary bg-primary/5 text-foreground font-medium"
: "border-transparent text-muted-foreground hover:bg-accent/50 hover:text-foreground",
)}
asChild
>
<Link href={link.href}>