RyderTech/rsvp-manager
1
0
Fork 0
Code Issues Pull Requests Packages Activity

Fix wallpaper background styling to cover entire viewport

Browse Source
This commit is contained in:
Joshua Ryder
2025-05-01 09:25:32 -04:00
parent 70f1535581
commit be567c7b8a
3 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/EventAdmin.tsx
View File

@@ -302,9 +302,18 @@ const EventAdmin: React.FC = () => {
<Box
sx={{
minHeight: '100vh',
width: '100%',
backgroundImage: event?.wallpaper ? `url(${event.wallpaper})` : 'url(https://www.rydertech.us/backgrounds/space1.jpg)',
backgroundSize: 'cover',
backgroundPosition: 'center',
backgroundRepeat: 'no-repeat',
backgroundAttachment: 'fixed',
position: 'fixed',
top: 0,
left: 0,
right: 0,
bottom: 0,
overflowY: 'auto',
py: 4,
}}
>

9
frontend/src/components/EventView.tsx
View File

@@ -135,9 +135,18 @@ const EventView: React.FC = () => {
<Box
sx={{
minHeight: '100vh',
width: '100%',
backgroundImage: event?.wallpaper ? `url(${event.wallpaper})` : 'url(https://www.rydertech.us/backgrounds/space1.jpg)',
backgroundSize: 'cover',
backgroundPosition: 'center',
backgroundRepeat: 'no-repeat',
backgroundAttachment: 'fixed',
position: 'fixed',
top: 0,
left: 0,
right: 0,
bottom: 0,
overflowY: 'auto',
py: 4,
}}
>

9
frontend/src/components/RSVPForm.tsx
View File

@@ -234,9 +234,18 @@ const RSVPForm: React.FC = () => {
<Box
sx={{
minHeight: '100vh',
width: '100%',
backgroundImage: event?.wallpaper ? `url(${event.wallpaper})` : 'url(https://www.rydertech.us/backgrounds/space1.jpg)',
backgroundSize: 'cover',
backgroundPosition: 'center',
backgroundRepeat: 'no-repeat',
backgroundAttachment: 'fixed',
position: 'fixed',
top: 0,
left: 0,
right: 0,
bottom: 0,
overflowY: 'auto',
py: 4,
}}
>