julienfroidefond/stripstream-librarian
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix: onglets settings scrollables horizontalement sur mobile

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Julien Froidefond
2026-03-27 08:07:55 +01:00
parent 5d91ffbc09
commit 013d7a50ba
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/backoffice/app/(app)/settings/SettingsPage.tsx
View File

@@ -121,12 +121,12 @@ export default function SettingsPage({ initialSettings, initialCacheStats, initi
</div> </div>
{/* Tab Navigation */} {/* 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) => ( {tabs.map((tab) => (
<button <button
key={tab.id} key={tab.id}
onClick={() => handleTabChange(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 activeTab === tab.id
? "border-primary text-primary" ? "border-primary text-primary"
: "border-transparent text-muted-foreground hover:text-foreground hover:border-border" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"