diff options
Diffstat (limited to 'client/src/components')
-rw-r--r-- | client/src/components/GuestLogin.tsx | 1 | ||||
-rw-r--r-- | client/src/components/Registry.tsx | 5 | ||||
-rw-r--r-- | client/src/components/RsvpForm.tsx | 8 |
3 files changed, 11 insertions, 3 deletions
diff --git a/client/src/components/GuestLogin.tsx b/client/src/components/GuestLogin.tsx index 7f634aa..cca2179 100644 --- a/client/src/components/GuestLogin.tsx +++ b/client/src/components/GuestLogin.tsx @@ -47,6 +47,7 @@ function GuestLogin() { <Paper elevation={3} sx={{ + '&:hover': { boxShadow: 8 }, width: { xs: '90%', md: 400 }, display: 'flex', flexDirection: 'column', diff --git a/client/src/components/Registry.tsx b/client/src/components/Registry.tsx index c6e61b1..f821212 100644 --- a/client/src/components/Registry.tsx +++ b/client/src/components/Registry.tsx @@ -16,6 +16,7 @@ function Registry() { <Paper elevation={3} sx={{ + '&:hover': { boxShadow: 8 }, width: { xs: '90%', md: 400 }, display: 'flex', justifyContent: 'center', @@ -30,8 +31,8 @@ function Registry() { Thank you for your generous gifts! We look forward to seeing you at the wedding. </p> - <Button variant="contained" endIcon={<LaunchIcon />}> - Go to Registry + <Button variant="contained" startIcon={<LaunchIcon />}> + Registry </Button> </Paper> </div> diff --git a/client/src/components/RsvpForm.tsx b/client/src/components/RsvpForm.tsx index 4c9ae92..1e03227 100644 --- a/client/src/components/RsvpForm.tsx +++ b/client/src/components/RsvpForm.tsx @@ -14,6 +14,7 @@ import { Snackbar, TextField, } from '@mui/material'; +import MailIcon from '@mui/icons-material/Mail'; import { useForm, Controller, useFieldArray } from 'react-hook-form'; import { useUpdateGuestMutation } from '../slices/apiSlice'; import type { Guest } from '../slices/apiSlice'; @@ -113,6 +114,7 @@ function RsvpForm() { <Paper elevation={3} sx={{ + '&:hover': { boxShadow: 8 }, width: { xs: '90%', md: 600 }, display: 'flex', justifyContent: 'center', @@ -265,7 +267,11 @@ function RsvpForm() { alignItems: 'center', }} > - <Button type="submit" variant="contained"> + <Button + type="submit" + variant="contained" + startIcon={<MailIcon />} + > RSVP </Button> </div> |