diff options
Diffstat (limited to 'client/src/components/Schedule.tsx')
-rw-r--r-- | client/src/components/Schedule.tsx | 108 |
1 files changed, 50 insertions, 58 deletions
diff --git a/client/src/components/Schedule.tsx b/client/src/components/Schedule.tsx index a22f105..3620c4e 100644 --- a/client/src/components/Schedule.tsx +++ b/client/src/components/Schedule.tsx @@ -16,69 +16,61 @@ function Schedule() { backgroundSize: 'cover', }} > - <div - style={{ - display: 'flex', - justifyContent: 'center', - width: '90%', + <Paper + elevation={3} + sx={{ + width: { xs: '90%', md: 512 }, + px: 2, + borderRadius: '8px', }} > - <Paper - elevation={3} - sx={{ - borderRadius: '8px', - 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 style={{ display: 'flex', alignItems: 'center' }}> + <div style={{ width: '35%' }}> + <p>April 26, 2025</p> </div> - <hr style={{ width: '100%' }} /> - <div style={{ display: 'flex', alignItems: 'center' }}> - <div style={{ width: '35%' }}> - <p>2: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 style={{ width: '65%' }}> + <Typography variant="h5">Wedding Schedule</Typography> </div> - <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> + <hr style={{ width: '100%' }} /> + <div style={{ display: 'flex', alignItems: 'center' }}> + <div style={{ width: '35%' }}> + <p>2:00 PM</p> </div> - </Paper> - </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> + <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> + </Paper> </div> ); } |