MOPC/MOPC-Portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: horizontal scroll on logistics tab bar instead of wrapping

Browse Source 
Stacking 8 tabs onto two rows looked rough. Switching the TabsList to
w-full + justify-start + overflow-x-auto keeps every tab on one line
and lets the bar scroll horizontally on narrower viewports.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Matt
2026-04-28 19:44:38 +02:00
parent 46a78c3a74
commit 7824b00ff4
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(admin)/admin/logistics/page.tsx
View File

@@ -41,7 +41,7 @@ export default function LogisticsPage() {
</div> </div>
<Tabs value={tab} onValueChange={setTab} className="space-y-6"> <Tabs value={tab} onValueChange={setTab} className="space-y-6">
<TabsList className="flex-wrap"> <TabsList className="w-full justify-start overflow-x-auto">
<TabsTrigger value="confirmations"> <TabsTrigger value="confirmations">
<CheckCircle2 className="mr-2 h-4 w-4" /> Confirmations <CheckCircle2 className="mr-2 h-4 w-4" /> Confirmations
</TabsTrigger> </TabsTrigger>