LobotomyLabs/coop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: fix dashboard tab alignment

Browse Source
This commit is contained in:
Dustin Newkirk
2026-04-23 10:08:09 -04:00
parent 3b83861dfb
commit cf7a311d7f
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/dashboard/page.tsx
+8 -7
View File
@@ -187,24 +187,25 @@ export default function DashboardPage() {
<div className="grid gap-8 lg:grid-cols-[1fr_320px]">
<div className="rounded-[3rem] border-4 border-foreground bg-card shadow-[12px_12px_0px_0px_rgba(0,0,0,0.1)]">
<Tabs defaultValue="history" className="w-full">
<TabsList className="grid w-full grid-cols-3 gap-2 bg-muted/30 p-3 rounded-t-[2.75rem] border-b-4 border-foreground">
<TabsList className="grid h-auto w-full grid-cols-3 gap-2 border-b-4 border-foreground rounded-t-[2.75rem] bg-muted/30 p-2">
<TabsTrigger
value="history"
className="rounded-full py-3 font-black uppercase data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:scale-105 transition-all"
className="flex items-center justify-center rounded-full py-3 font-black uppercase transition-all data-[state=active]:bg-primary data-[state=active]:text-primary-foreground"
>
<History className="mr-2 h-4 w-4" /> WATCHED
<History className="mr-2 h-4 w-4 hidden sm:inline" /> WATCHED
</TabsTrigger>
<TabsTrigger
value="requests"
className="rounded-full py-3 font-black uppercase data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:scale-105 transition-all"
className="flex items-center justify-center rounded-full py-3 font-black uppercase transition-all data-[state=active]:bg-primary data-[state=active]:text-primary-foreground"
>
<ExternalLink className="mr-2 h-4 w-4" /> ORDERS
<ExternalLink className="mr-2 h-4 w-4 hidden sm:inline" />{" "}
ORDERS
</TabsTrigger>
<TabsTrigger
value="leaderboard"
className="rounded-full py-3 font-black uppercase data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:scale-105 transition-all"
className="flex items-center justify-center rounded-full py-3 font-black uppercase transition-all data-[state=active]:bg-primary data-[state=active]:text-primary-foreground"
>
<Users className="mr-2 h-4 w-4" /> THE FLOCK
<Users className="mr-2 h-4 w-4 hidden sm:inline" /> FLOCK
</TabsTrigger>
</TabsList>
<div className="p-6">