Fix: forced inline-flex y flex-nowrap en tabs para scroll responsive
This commit is contained in:
@@ -461,16 +461,11 @@ export function HistoriaClinica({
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</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>
|
||||||
|
|||||||
Reference in New Issue
Block a user