egullickson/motovaultpro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile Fixes

Browse Source
This commit is contained in:
Eric Gullickson
2025-12-21 20:27:25 -06:00
parent 719c80ecd8
commit c017b8816f
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/features/settings/mobile/MobileSettingsScreen.tsx
View File

@@ -292,11 +292,11 @@ export const MobileSettingsScreen: React.FC = () => {
{profile?.displayName?.charAt(0) || user?.name?.charAt(0) || user?.email?.charAt(0)} {profile?.displayName?.charAt(0) || user?.name?.charAt(0) || user?.email?.charAt(0)}
</div> </div>
)} )}
<div> <div className="min-w-0 flex-1">
<p className="font-medium text-slate-800"> <p className="font-medium text-slate-800 truncate">
{profile?.displayName || user?.name || 'User'} {profile?.displayName || user?.name || 'User'}
</p> </p>
<p className="text-sm text-slate-500">{profile?.email || user?.email}</p> <p className="text-sm text-slate-500 truncate">{profile?.email || user?.email}</p>
</div> </div>
</div> </div>

8
frontend/src/features/stations/mobile/StationsMobileScreen.tsx
View File

@@ -251,7 +251,7 @@ export const StationsMobileScreen: React.FC = () => {
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
height: '100vh', height: '100vh',
pb: 7, // Space for bottom navigation pb: 0,
overflow: 'hidden' overflow: 'hidden'
}} }}
> >
@@ -314,7 +314,7 @@ export const StationsMobileScreen: React.FC = () => {
> >
{/* Search Tab */} {/* Search Tab */}
{activeTab === TAB_SEARCH && ( {activeTab === TAB_SEARCH && (
<Box sx={{ p: 2 }}> <Box sx={{ p: 2, pb: 12 }}>
<StationsSearchForm <StationsSearchForm
onSearch={handleSearch} onSearch={handleSearch}
isSearching={isSearching} isSearching={isSearching}
@@ -342,7 +342,7 @@ export const StationsMobileScreen: React.FC = () => {
{/* Saved Tab */} {/* Saved Tab */}
{activeTab === TAB_SAVED && ( {activeTab === TAB_SAVED && (
<Box sx={{ p: 2 }}> <Box sx={{ p: 2, pb: 12 }}>
<SavedStationsList <SavedStationsList
stations={savedStations || []} stations={savedStations || []}
loading={isLoadingSaved} loading={isLoadingSaved}
@@ -359,7 +359,7 @@ export const StationsMobileScreen: React.FC = () => {
{/* Premium 93 Tab */} {/* Premium 93 Tab */}
{activeTab === TAB_PREMIUM_93 && ( {activeTab === TAB_PREMIUM_93 && (
<Box sx={{ p: 2 }}> <Box sx={{ p: 2, pb: 12 }}>
<Premium93TabContent <Premium93TabContent
latitude={coordinates?.latitude ?? null} latitude={coordinates?.latitude ?? null}
longitude={coordinates?.longitude ?? null} longitude={coordinates?.longitude ?? null}

4
frontend/src/shared-minimal/components/mobile/BottomNavigation.tsx
View File

@@ -87,7 +87,7 @@ export const BottomNavigation: React.FC<BottomNavigationProps> = ({
<Typography <Typography
variant="caption" variant="caption"
sx={{ sx={{
fontSize: '0.65rem', fontSize: '0.7rem',
fontWeight: isActive ? 600 : 400, fontWeight: isActive ? 600 : 400,
color: 'inherit', color: 'inherit',
mt: 0.25 mt: 0.25
@@ -293,7 +293,7 @@ export const BottomNavigation: React.FC<BottomNavigationProps> = ({
<Typography <Typography
variant="caption" variant="caption"
sx={{ sx={{
fontSize: '0.65rem', fontSize: '0.7rem',
fontWeight: 400, fontWeight: 400,
color: 'inherit', color: 'inherit',
mt: 0.25 mt: 0.25