Skip to content

Commit acea016

Browse files
committed
feat: add responsive layout for nav and signup
1 parent 9730dfc commit acea016

File tree

2 files changed

+9
-4
lines changed

2 files changed

+9
-4
lines changed

src/components/Everything.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -676,6 +676,7 @@ export function TopNavigation({ path }: { path?: string }) {
676676
width="24px"
677677
height="24px"
678678
objectFit="cover"
679+
display={{ base: 'none', sm: 'block' }}
679680
/>
680681
</Tooltip>
681682
<Text fontWeight="semibold" color="limosen.text.primary">

src/gatsby-plugin-jaen/pages/signup.tsx

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -432,7 +432,8 @@ const DriverSignupForm: React.FC<DriverSignupFormProps> = ({ welcomeText, onSucc
432432
isRequired
433433
error={errors.docs?.registrationForm as any}
434434
/>
435-
<HStack>
435+
{/* ▼▼ Responsive: Vorder-/Rückseite untereinander auf Mobile */}
436+
<Stack direction={{ base: 'column', md: 'row' }} spacing={4}>
436437
<FileField
437438
control={control}
438439
name="docs.drivingFront"
@@ -449,7 +450,8 @@ const DriverSignupForm: React.FC<DriverSignupFormProps> = ({ welcomeText, onSucc
449450
isRequired
450451
error={errors.docs?.drivingBack as any}
451452
/>
452-
</HStack>
453+
</Stack>
454+
{/* ▲▲ */}
453455
<FileField
454456
control={control}
455457
name="docs.criminalRecord"
@@ -494,7 +496,8 @@ const DriverSignupForm: React.FC<DriverSignupFormProps> = ({ welcomeText, onSucc
494496
accept={ACCEPTED}
495497
error={errors.docs?.passport as any}
496498
/>
497-
<HStack>
499+
{/* ▼▼ Responsive: Vorder-/Rückseite untereinander auf Mobile */}
500+
<Stack direction={{ base: 'column', md: 'row' }} spacing={4}>
498501
<FileField
499502
control={control}
500503
name="docs.taxiFront"
@@ -509,7 +512,8 @@ const DriverSignupForm: React.FC<DriverSignupFormProps> = ({ welcomeText, onSucc
509512
accept={ACCEPTED}
510513
error={errors.docs?.taxiBack as any}
511514
/>
512-
</HStack>
515+
</Stack>
516+
{/* ▲▲ */}
513517

514518
{step === DriverStep.OptionalDocs && (
515519
<HStack justify="space-between">

0 commit comments

Comments
 (0)