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

Fix background image overlay - Combined background and overlay into single CSS property

Browse Source
This commit is contained in:
Starstrike
2025-05-01 15:38:37 -04:00
parent 3d702b0ca3
commit 09444f58bc
2 changed files with 2 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -455,7 +455,7 @@ const EventAdmin: React.FC = () => {
sx={{ sx={{
minHeight: '100vh', minHeight: '100vh',
width: '100%', width: '100%',
backgroundImage: event?.wallpaper ? `url(${event.wallpaper})` : 'url(https://www.rydertech.us/backgrounds/space1.jpg)', backgroundImage: event?.wallpaper ? `linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(${event.wallpaper})` : 'url(https://www.rydertech.us/backgrounds/space1.jpg)',
backgroundSize: 'cover', backgroundSize: 'cover',
backgroundPosition: 'center', backgroundPosition: 'center',
backgroundRepeat: 'no-repeat', backgroundRepeat: 'no-repeat',
@@ -464,16 +464,6 @@ const EventAdmin: React.FC = () => {
position: 'relative', position: 'relative',
overflowY: 'auto', overflowY: 'auto',
py: 4, py: 4,
'&::before': event?.wallpaper ? {
content: '""',
position: 'fixed',
top: 0,
left: 0,
right: 0,
bottom: 0,
backgroundColor: 'rgba(0, 0, 0, 0.5)',
zIndex: 0,
} : {},
}} }}
> >
<Container maxWidth="lg" sx={{ position: 'relative', zIndex: 1 }}> <Container maxWidth="lg" sx={{ position: 'relative', zIndex: 1 }}>

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

@@ -137,7 +137,7 @@ const EventView: React.FC = () => {
sx={{ sx={{
minHeight: '100vh', minHeight: '100vh',
width: '100%', width: '100%',
backgroundImage: event?.wallpaper ? `url(${event.wallpaper})` : 'url(https://www.rydertech.us/backgrounds/space1.jpg)', backgroundImage: event?.wallpaper ? `linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(${event.wallpaper})` : 'url(https://www.rydertech.us/backgrounds/space1.jpg)',
backgroundSize: 'cover', backgroundSize: 'cover',
backgroundPosition: 'center', backgroundPosition: 'center',
backgroundRepeat: 'no-repeat', backgroundRepeat: 'no-repeat',
@@ -146,16 +146,6 @@ const EventView: React.FC = () => {
position: 'relative', position: 'relative',
overflowY: 'auto', overflowY: 'auto',
py: 4, py: 4,
'&::before': event?.wallpaper ? {
content: '""',
position: 'fixed',
top: 0,
left: 0,
right: 0,
bottom: 0,
backgroundColor: 'rgba(0, 0, 0, 0.5)',
zIndex: 0,
} : {},
}} }}
> >
<Container maxWidth="lg" sx={{ position: 'relative', zIndex: 1 }}> <Container maxWidth="lg" sx={{ position: 'relative', zIndex: 1 }}>