Fix: forced inline-flex y flex-nowrap en tabs para scroll responsive

This commit is contained in:
2026-04-17 14:00:37 -03:00
parent dabdd9b144
commit ae0971db79
+2 -7
View File
@@ -464,13 +464,8 @@ export function HistoriaClinica({
</CardContent> </CardContent>
</Card> </Card>
<Tabs value={tabActivo} onValueChange={setTabActivo}>
<TabsList className="flex gap-1 overflow-x-auto pb-2 w-full inline-flex! flex-nowrap">
<Tabs value={tabActivo} onValueChange={setTabActivo} className="w-full">
<TabsList className="flex w-full gap-1 overflow-x-auto pb-2">
<TabsTrigger value="evoluciones" className="flex-shrink-0 flex items-center gap-1 text-xs sm:text-sm"> <TabsTrigger value="evoluciones" className="flex-shrink-0 flex items-center gap-1 text-xs sm:text-sm">
<FileText className="h-3 w-3 sm:h-4 sm:w-4" /> <FileText className="h-3 w-3 sm:h-4 sm:w-4" />
<span className="hidden sm:inline">Evoluciones</span> <span className="hidden sm:inline">Evoluciones</span>