From 7b45d87553a046bd78a0c66ed1d5b5bf1a226dc3 Mon Sep 17 00:00:00 2001 From: matteoscrugli Date: Tue, 13 Jan 2026 01:32:00 +0100 Subject: [PATCH] Make responsive tab bar position the default - Reorder options: responsive first, then top, then bottom - Change default tabBarPosition from 'top' to 'responsive' Co-Authored-By: Claude Opus 4.5 --- frontend/src/contexts/ThemeContext.tsx | 2 +- frontend/src/pages/admin/ThemeSettings.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/src/contexts/ThemeContext.tsx b/frontend/src/contexts/ThemeContext.tsx index 09ceabc..94ed964 100644 --- a/frontend/src/contexts/ThemeContext.tsx +++ b/frontend/src/contexts/ThemeContext.tsx @@ -484,7 +484,7 @@ export function ThemeProvider({ children }: { children: ReactNode }) { const [showLanguageToggle, setShowLanguageToggleState] = useState(false); const [showDarkModeLogin, setShowDarkModeLoginState] = useState(true); const [showLanguageLogin, setShowLanguageLoginState] = useState(false); - const [tabBarPosition, setTabBarPositionState] = useState('top'); + const [tabBarPosition, setTabBarPositionState] = useState('responsive'); const [hasInitializedSettings, setHasInitializedSettings] = useState(false); const [isLoadingSettings, setIsLoadingSettings] = useState(false); diff --git a/frontend/src/pages/admin/ThemeSettings.tsx b/frontend/src/pages/admin/ThemeSettings.tsx index 9407ace..642f9b5 100644 --- a/frontend/src/pages/admin/ThemeSettings.tsx +++ b/frontend/src/pages/admin/ThemeSettings.tsx @@ -186,9 +186,9 @@ export default function ThemeSettings() { ]; const tabBarPositions: { id: TabBarPosition; label: string; description: string }[] = [ + { id: 'responsive', label: t.theme.tabBarPositions?.responsive || 'Responsivo', description: t.theme.tabBarPositions?.responsiveDesc || 'In alto su desktop, in basso su mobile' }, { id: 'top', label: t.theme.tabBarPositions?.top || 'Sopra', description: t.theme.tabBarPositions?.topDesc || 'Barra dei tab sempre in alto' }, { id: 'bottom', label: t.theme.tabBarPositions?.bottom || 'Sotto', description: t.theme.tabBarPositions?.bottomDesc || 'Barra dei tab sempre in basso' }, - { id: 'responsive', label: t.theme.tabBarPositions?.responsive || 'Responsivo', description: t.theme.tabBarPositions?.responsiveDesc || 'In alto su desktop, in basso su mobile' }, ]; const palettes: { id: ColorPalette; label: string; description: string }[] = [