soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Match bottom padding to nav height

Browse Source
This commit is contained in:
Codex Agent
2026-02-04 09:49:52 +01:00
parent 35f68e68d8
commit 8d7a1d80c2
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
resources/js/admin/mobile/components/BottomNav.tsx
View File

@@ -9,6 +9,7 @@ import { useAdminTheme } from '../theme';
import { adminPath } from '../../constants'; import { adminPath } from '../../constants';
const ICON_SIZE = 24; const ICON_SIZE = 24;
export const BOTTOM_NAV_HEIGHT = 70;
export type NavKey = 'home' | 'tasks' | 'uploads' | 'profile'; export type NavKey = 'home' | 'tasks' | 'uploads' | 'profile';

4
resources/js/admin/mobile/components/MobileShell.tsx
View File

@@ -5,7 +5,7 @@ import { YStack, XStack, SizableText as Text, Image } from 'tamagui';
import { Pressable } from '@tamagui/react-native-web-lite'; import { Pressable } from '@tamagui/react-native-web-lite';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useEventContext } from '../../context/EventContext'; import { useEventContext } from '../../context/EventContext';
import { BottomNav, NavKey } from './BottomNav'; import { BottomNav, BOTTOM_NAV_HEIGHT, NavKey } from './BottomNav';
import { useMobileNav } from '../hooks/useMobileNav'; import { useMobileNav } from '../hooks/useMobileNav';
import { ADMIN_EVENTS_PATH, adminPath } from '../../constants'; import { ADMIN_EVENTS_PATH, adminPath } from '../../constants';
import { MobileCard, CTAButton } from './Primitives'; import { MobileCard, CTAButton } from './Primitives';
@@ -332,7 +332,7 @@ export function MobileShell({ title, subtitle, children, activeTab, onBack, head
gap="$3" gap="$3"
width="100%" width="100%"
maxWidth={800} maxWidth={800}
style={{ paddingBottom: 'calc(env(safe-area-inset-bottom, 0px) + 128px)' }} style={{ paddingBottom: `calc(env(safe-area-inset-bottom, 0px) + ${BOTTOM_NAV_HEIGHT}px)` }}
> >
{!online ? ( {!online ? (
<XStack alignItems="center" justifyContent="center" borderRadius={12} backgroundColor={theme.warningBg} paddingVertical="$2" paddingHorizontal="$3"> <XStack alignItems="center" justifyContent="center" borderRadius={12} backgroundColor={theme.warningBg} paddingVertical="$2" paddingHorizontal="$3">