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)}
</div>
)}
<div>
<p className="font-medium text-slate-800">
<div className="min-w-0 flex-1">
<p className="font-medium text-slate-800 truncate">
{profile?.displayName || user?.name || 'User'}
</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>

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

@@ -251,7 +251,7 @@ export const StationsMobileScreen: React.FC = () => {
display: 'flex',
flexDirection: 'column',
height: '100vh',
pb: 7, // Space for bottom navigation
pb: 0,
overflow: 'hidden'
}}
>
@@ -314,7 +314,7 @@ export const StationsMobileScreen: React.FC = () => {
>
{/* Search Tab */}
{activeTab === TAB_SEARCH && (
<Box sx={{ p: 2 }}>
<Box sx={{ p: 2, pb: 12 }}>
<StationsSearchForm
onSearch={handleSearch}
isSearching={isSearching}
@@ -342,7 +342,7 @@ export const StationsMobileScreen: React.FC = () => {
{/* Saved Tab */}
{activeTab === TAB_SAVED && (
<Box sx={{ p: 2 }}>
<Box sx={{ p: 2, pb: 12 }}>
<SavedStationsList
stations={savedStations || []}
loading={isLoadingSaved}
@@ -359,7 +359,7 @@ export const StationsMobileScreen: React.FC = () => {
{/* Premium 93 Tab */}
{activeTab === TAB_PREMIUM_93 && (
<Box sx={{ p: 2 }}>
<Box sx={{ p: 2, pb: 12 }}>
<Premium93TabContent
latitude={coordinates?.latitude ?? 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
variant="caption"
sx={{
fontSize: '0.65rem',
fontSize: '0.7rem',
fontWeight: isActive ? 600 : 400,
color: 'inherit',
mt: 0.25
@@ -293,7 +293,7 @@ export const BottomNavigation: React.FC<BottomNavigationProps> = ({
<Typography
variant="caption"
sx={{
fontSize: '0.65rem',
fontSize: '0.7rem',
fontWeight: 400,
color: 'inherit',
mt: 0.25