diff options
Diffstat (limited to 'client/src/components/Schedule.tsx')
| -rw-r--r-- | client/src/components/Schedule.tsx | 120 |
1 files changed, 57 insertions, 63 deletions
diff --git a/client/src/components/Schedule.tsx b/client/src/components/Schedule.tsx index cc6e8bd..554674b 100644 --- a/client/src/components/Schedule.tsx +++ b/client/src/components/Schedule.tsx @@ -2,19 +2,6 @@ import React from 'react'; import { Paper, Typography, useTheme } from '@mui/material'; import divineShepherd from '/divine-shepherd.jpg'; -const FlexBox = (props: any) => { - return ( - <div - style={{ - display: 'flex', - alignItems: 'center', - }} - > - {props.children} - </div> - ); -}; - function Schedule() { const theme = useTheme(); return ( @@ -28,61 +15,68 @@ function Schedule() { backgroundSize: 'cover', }} > - <Paper - elevation={3} - sx={{ - width: 512, - mx: 0.5, - px: 2, + <div + style={{ + display: 'flex', + justifyContent: 'center', + width: '95%', }} > - <FlexBox> - <div style={{ width: '35%' }}> - <p>April 26, 2025</p> - </div> - <div style={{ width: '65%' }}> - <Typography variant="h5">Wedding Schedule</Typography> - </div> - </FlexBox> - <hr style={{ width: '100%' }} /> - <FlexBox> - <div style={{ width: '35%' }}> - <p>3:00 PM</p> - </div> - <div style={{ width: '65%' }}> - <Typography variant="h6">Ceremony</Typography> - <p> - Divine Shepherd - <br /> - <a - href="https://maps.app.goo.gl/dGWvmjPiVjNGBVkZ9" - style={{ color: theme.palette.primary.main }} - > - 15005 Q St, Omaha, NE 68137 - </a> - </p> + <Paper + elevation={3} + sx={{ + width: 512, + px: 2, + }} + > + <div style={{ display: 'flex', alignItems: 'center' }}> + <div style={{ width: '35%' }}> + <p>April 26, 2025</p> + </div> + <div style={{ width: '65%' }}> + <Typography variant="h5">Wedding Schedule</Typography> + </div> </div> - </FlexBox> - <hr style={{ width: '100%' }} /> - <FlexBox> - <div style={{ width: '35%' }}> - <p>5:00 PM</p> + <hr style={{ width: '100%' }} /> + <div style={{ display: 'flex', alignItems: 'center' }}> + <div style={{ width: '35%' }}> + <p>3:00 PM</p> + </div> + <div style={{ width: '65%' }}> + <Typography variant="h6">Ceremony</Typography> + <p> + Divine Shepherd + <br /> + <a + href="https://maps.app.goo.gl/dGWvmjPiVjNGBVkZ9" + style={{ color: theme.palette.primary.main }} + > + 15005 Q St, Omaha, NE 68137 + </a> + </p> + </div> </div> - <div style={{ width: '65%' }}> - <Typography variant="h6">Reception</Typography> - <p> - A Venue on the Ridge - <br /> - <a - href="https://maps.app.goo.gl/35RRqxzQdq6E4eSMA" - style={{ color: theme.palette.primary.main }} - > - 20033 Elkhorn Ridge Dr, Elkhorn, NE 68022 - </a> - </p> + <hr style={{ width: '100%' }} /> + <div style={{ display: 'flex', alignItems: 'center' }}> + <div style={{ width: '35%' }}> + <p>5:00 PM</p> + </div> + <div style={{ width: '65%' }}> + <Typography variant="h6">Reception</Typography> + <p> + A Venue on the Ridge + <br /> + <a + href="https://maps.app.goo.gl/35RRqxzQdq6E4eSMA" + style={{ color: theme.palette.primary.main }} + > + 20033 Elkhorn Ridge Dr, Elkhorn, NE 68022 + </a> + </p> + </div> </div> - </FlexBox> - </Paper> + </Paper> + </div> </div> ); } |