fix: onglets settings scrollables horizontalement sur mobile

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-27 08:07:55 +01:00
parent 5d91ffbc09
commit 013d7a50ba

View File

@@ -121,12 +121,12 @@ export default function SettingsPage({ initialSettings, initialCacheStats, initi
</div>
{/* Tab Navigation */}
<div className="flex gap-1 mb-6 border-b border-border">
<div className="flex gap-1 mb-6 border-b border-border overflow-x-auto scrollbar-none">
{tabs.map((tab) => (
<button
key={tab.id}
onClick={() => handleTabChange(tab.id)}
className={`flex items-center gap-2 px-4 py-2.5 text-sm font-medium border-b-2 transition-colors -mb-px ${
className={`flex items-center gap-2 px-3 sm:px-4 py-2.5 text-xs sm:text-sm font-medium border-b-2 transition-colors -mb-px whitespace-nowrap ${
activeTab === tab.id
? "border-primary text-primary"
: "border-transparent text-muted-foreground hover:text-foreground hover:border-border"