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:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user