fix: size logistics tab bar to fit buttons + horizontal scrollbar

The fixed h-10 wasn't tall enough to fit a 32px tab button plus the
overflow-x scrollbar, so buttons clipped and a vertical scroll appeared
inside the bar. Switching to h-auto + pb-2 lets the bar size naturally
and reserves space below the row for the scrollbar.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Matt
2026-04-28 19:45:52 +02:00
parent 7824b00ff4
commit 030db533e1

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="w-full justify-start overflow-x-auto"> <TabsList className="h-auto w-full justify-start overflow-x-auto pb-2">
<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>