jason/polaris-task-force
1
0
Fork 0
Code Issues Wiki Activity

fix(roster): tighten tab icon spacing and allow org chart scroll

Browse source 
Add gap-1.5 to the roster tab triggers so icons and labels are not
glued together, and let the org chart tab scroll horizontally instead
of overflowing the page.
This commit is contained in:
Jason Fraley 2026-08-25 12:31:53 -04:00
parent 7cfb650095
commit 3348466f3b
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/frontend/roster/RosterView.tsx
View file

@ -401,25 +401,25 @@ export function RosterView({
<RosterDisplayContext.Provider value={leadOrActual}>
<Tabs defaultValue="org">
<TabsList variant="line">
<TabsTrigger value="org">
<TabsTrigger value="org" className="gap-1.5">
<NetworkIcon className="size-3" />
Org Chart
</TabsTrigger>
<TabsTrigger value="assignment">
<TabsTrigger value="assignment" className="gap-1.5">
<Building2Icon className="size-3" />
By Assignment
</TabsTrigger>
<TabsTrigger value="rank">
<TabsTrigger value="rank" className="gap-1.5">
<ShieldIcon className="size-3" />
By Rank
</TabsTrigger>
<TabsTrigger value="alpha">
<TabsTrigger value="alpha" className="gap-1.5">
<ListIcon className="size-3" />
A–Z
</TabsTrigger>
</TabsList>
<TabsContent value="org">
<TabsContent value="org" className="overflow-x-scroll">
<OrgChartView assignments={assignments} members={members} />
</TabsContent>
<TabsContent value="assignment">