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

Adjust guest v2 fab sizing
Some checks failed
linter / quality (push) Has been cancelled
Details
tests / ci (push) Has been cancelled
Details
tests / ui (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Codex Agent
2026-02-03 21:58:10 +01:00
parent b97f5de101
commit effe6d2390
2 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
resources/js/guest-v2/components/AppShell.tsx
View File

@@ -133,7 +133,7 @@ export default function AppShell({ children }: AppShellProps) {
{showFab ? ( {showFab ? (
isUploadRoute ? ( isUploadRoute ? (
<Button <Button
size="$5" size="$6"
circular circular
position="fixed" position="fixed"
bottom={28} bottom={28}
@@ -142,12 +142,12 @@ export default function AppShell({ children }: AppShellProps) {
backgroundColor={dockBackground} backgroundColor={dockBackground}
borderWidth={1} borderWidth={1}
borderColor={dockBorder} borderColor={dockBorder}
width={72} width={88}
height={72} height={88}
onPress={openCompass} onPress={openCompass}
style={{ boxShadow: dockShadow }} style={{ boxShadow: dockShadow }}
> >
<Menu size={24} color={actionIconColor} /> <Menu size={28} color={actionIconColor} />
</Button> </Button>
) : ( ) : (
<XStack <XStack
@@ -180,17 +180,15 @@ export default function AppShell({ children }: AppShellProps) {
inline inline
/> />
<Button <Button
size="$5" size="$3"
circular circular
backgroundColor={isDark ? 'rgba(12, 16, 32, 0.75)' : 'rgba(255, 255, 255, 0.9)'} backgroundColor={isDark ? 'rgba(12, 16, 32, 0.75)' : 'rgba(255, 255, 255, 0.9)'}
borderWidth={1} borderWidth={1}
borderColor={dockBorder} borderColor={dockBorder}
width={72}
height={72}
onPress={openCompass} onPress={openCompass}
style={{ boxShadow: isDark ? '0 10px 20px rgba(2, 6, 23, 0.45)' : '0 8px 16px rgba(15, 23, 42, 0.14)' }} style={{ boxShadow: isDark ? '0 10px 20px rgba(2, 6, 23, 0.45)' : '0 8px 16px rgba(15, 23, 42, 0.14)' }}
> >
<Menu size={24} color={actionIconColor} /> <Menu size={16} color={actionIconColor} />
</Button> </Button>
</XStack> </XStack>
) )

6
resources/js/guest-v2/components/FloatingActionButton.tsx
View File

@@ -42,8 +42,8 @@ export default function FloatingActionButton({ onPress, onLongPress, hidden = fa
bottom={inline ? undefined : 20} bottom={inline ? undefined : 20}
left={inline ? undefined : '50%'} left={inline ? undefined : '50%'}
zIndex={1100} zIndex={1100}
width={68} width={76}
height={68} height={76}
borderRadius={999} borderRadius={999}
backgroundColor="$primary" backgroundColor="$primary"
borderWidth={0} borderWidth={0}
@@ -62,7 +62,7 @@ export default function FloatingActionButton({ onPress, onLongPress, hidden = fa
: '0 18px 32px rgba(15, 23, 42, 0.2), 0 0 0 8px rgba(255, 255, 255, 0.7)', : '0 18px 32px rgba(15, 23, 42, 0.2), 0 0 0 8px rgba(255, 255, 255, 0.7)',
}} }}
> >
<Camera size={26} color="white" /> <Camera size={30} color="white" />
</Button> </Button>
); );
} }