diff options
Diffstat (limited to 'client/src/components/RsvpForm.tsx')
-rw-r--r-- | client/src/components/RsvpForm.tsx | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/client/src/components/RsvpForm.tsx b/client/src/components/RsvpForm.tsx index 10c2205..4c9ae92 100644 --- a/client/src/components/RsvpForm.tsx +++ b/client/src/components/RsvpForm.tsx @@ -8,6 +8,7 @@ import { FormControlLabel, FormLabel, Grid, + Paper, Radio, RadioGroup, Snackbar, @@ -109,14 +110,19 @@ function RsvpForm() { noValidate onSubmit={handleSubmit(onSubmit)} > - <div - style={{ - width: '90%', + <Paper + elevation={3} + sx={{ + width: { xs: '90%', md: 600 }, display: 'flex', justifyContent: 'center', + px: 2, + pb: 2, + mt: { xs: 10, md: 16 }, + borderRadius: '8px', }} > - <Grid container spacing={2} sx={{ width: 600, mt: { xs: 8, md: 16 } }}> + <Grid container spacing={2}> <Grid item xs={12}> <p> Please RSVP for the wedding by March 10, 2025. The ceremony will @@ -274,7 +280,7 @@ function RsvpForm() { </div> </Snackbar> </Grid> - </div> + </Paper> </form> ); } |