matteoscrugli/app-service
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make responsive tab bar position the default

Browse Source 
- Reorder options: responsive first, then top, then bottom
- Change default tabBarPosition from 'top' to 'responsive'

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
matteoscrugli
2026-01-13 01:32:00 +01:00
parent fc27786c88
commit 7b45d87553
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/contexts/ThemeContext.tsx
View File

@@ -484,7 +484,7 @@ export function ThemeProvider({ children }: { children: ReactNode }) {
const [showLanguageToggle, setShowLanguageToggleState] = useState<boolean>(false); const [showLanguageToggle, setShowLanguageToggleState] = useState<boolean>(false);
const [showDarkModeLogin, setShowDarkModeLoginState] = useState<boolean>(true); const [showDarkModeLogin, setShowDarkModeLoginState] = useState<boolean>(true);
const [showLanguageLogin, setShowLanguageLoginState] = useState<boolean>(false); const [showLanguageLogin, setShowLanguageLoginState] = useState<boolean>(false);
const [tabBarPosition, setTabBarPositionState] = useState<TabBarPosition>('top'); const [tabBarPosition, setTabBarPositionState] = useState<TabBarPosition>('responsive');
const [hasInitializedSettings, setHasInitializedSettings] = useState<boolean>(false); const [hasInitializedSettings, setHasInitializedSettings] = useState<boolean>(false);
const [isLoadingSettings, setIsLoadingSettings] = useState<boolean>(false); const [isLoadingSettings, setIsLoadingSettings] = useState<boolean>(false);

2
frontend/src/pages/admin/ThemeSettings.tsx
View File

@@ -186,9 +186,9 @@ export default function ThemeSettings() {
]; ];
const tabBarPositions: { id: TabBarPosition; label: string; description: string }[] = [ 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: '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: '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 }[] = [ const palettes: { id: ColorPalette; label: string; description: string }[] = [