smedmunds/TriggerFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Image url updates

Browse Source
This commit is contained in:
Sean Edmunds
2025-06-19 15:07:18 -05:00
parent 19694426d6
commit 776e075073
7 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/MainLayout.tsx
View File

@@ -9,7 +9,7 @@ export function MainLayout() {
<Box <Box
className={boxClasses.layoutContainer} className={boxClasses.layoutContainer}
style={{ style={{
'--image-background': `linear-gradient(${theme.backgroundColor}33, ${theme.backgroundColor}33), url(backgrounds/${theme.backgroundImage})`, '--image-background': `linear-gradient(${theme.backgroundColor}33, ${theme.backgroundColor}33), url(../../api/backgroundImages/${theme.backgroundImage})`,
}} }}
> >
<Outlet /> <Outlet />

2
src/pages/settings/components/Theming/BackgroundModal.tsx
View File

@@ -96,7 +96,7 @@ function BackgroundModal({
style={{ style={{
aspectRatio: '16/9', aspectRatio: '16/9',
width: '100%', width: '100%',
backgroundImage: `url(/backgrounds/${background})`, backgroundImage: `url(../../api/backgroundImages/${background})`,
backgroundSize: 'cover', backgroundSize: 'cover',
backgroundPosition: 'center', backgroundPosition: 'center',
backgroundRepeat: 'no-repeat', backgroundRepeat: 'no-repeat',

2
src/pages/settings/components/Theming/ThemeCard.tsx
View File

@@ -89,7 +89,7 @@ function ThemeCard({
h={'115px'} h={'115px'}
disabled={currentTheme === 'random'} disabled={currentTheme === 'random'}
style={{ style={{
background: `linear-gradient(${cardTheme.backgroundColor}33, ${cardTheme.backgroundColor}33), no-repeat center url(/backgrounds/${cardTheme.backgroundImage})`, background: `linear-gradient(${cardTheme.backgroundColor}33, ${cardTheme.backgroundColor}33), no-repeat center url(../../api/backgroundImages/${cardTheme.backgroundImage})`,
backgroundSize: 'cover', backgroundSize: 'cover',
backgroundColor: cardTheme.backgroundColor, backgroundColor: cardTheme.backgroundColor,
border: `solid ${cardTheme.borderColor}`, border: `solid ${cardTheme.borderColor}`,

2
src/pages/settings/components/Theming/ThemeMiniCard.tsx
View File

@@ -14,7 +14,7 @@ function ThemeMiniCard({ allThemes, item }: { allThemes: Theme[]; item: number }
w={'175px'} w={'175px'}
h={'60px'} h={'60px'}
style={{ style={{
backgroundImage: `linear-gradient(${theme?.backgroundColor}33, ${theme?.backgroundColor}33), url(/backgrounds/${theme?.backgroundImage})`, backgroundImage: `linear-gradient(${theme?.backgroundColor}33, ${theme?.backgroundColor}33), url(../../api/backgroundImages/${theme?.backgroundImage})`,
backgroundSize: 'cover', backgroundSize: 'cover',
backgroundColor: theme?.backgroundColor, backgroundColor: theme?.backgroundColor,
backgroundPosition: 'center', backgroundPosition: 'center',

4
src/pages/settings/components/Theming/ThemeModal.tsx
View File

@@ -66,8 +66,8 @@ function ThemeModal({
background: background:
item !== 'none' item !== 'none'
? index === hovered ? index === hovered
? `linear-gradient(${selectedTheme.backgroundColor}88, ${selectedTheme.backgroundColor}88), no-repeat center url(/backgrounds/${item})` ? `linear-gradient(${selectedTheme.backgroundColor}88, ${selectedTheme.backgroundColor}88), no-repeat center url(../../api/backgroundImages/${item})`
: `no-repeat center url(/backgrounds/${item})` : `no-repeat center url(../../api/backgroundImages/${item})`
: undefined, : undefined,
backgroundSize: item !== 'none' ? 'cover' : undefined, backgroundSize: item !== 'none' ? 'cover' : undefined,
backgroundColor: item === 'none' ? '#00000088' : undefined, backgroundColor: item === 'none' ? '#00000088' : undefined,

2
src/pages/settings/components/Theming/ThemeModalContent.tsx
View File

@@ -9,7 +9,7 @@ export default function ThemeModalContent({ selectedTheme }: { selectedTheme: Th
width: '100%', width: '100%',
backgroundImage: backgroundImage:
selectedTheme.backgroundImage !== 'none' selectedTheme.backgroundImage !== 'none'
? `linear-gradient(${selectedTheme?.backgroundColor}33, ${selectedTheme?.backgroundColor}33), url(/backgrounds/${selectedTheme?.backgroundImage})` ? `linear-gradient(${selectedTheme?.backgroundColor}33, ${selectedTheme?.backgroundColor}33), url(../../api/backgroundImages/${selectedTheme?.backgroundImage})`
: undefined, : undefined,
backgroundSize: selectedTheme.backgroundImage !== 'none' ? 'cover' : undefined, backgroundSize: selectedTheme.backgroundImage !== 'none' ? 'cover' : undefined,
backgroundColor: backgroundColor:

4
src/pages/settings/components/Theming/ThemeSelect.tsx
View File

@@ -59,7 +59,7 @@ function ThemeSelect({
textAlign: 'center', textAlign: 'center',
height: '60px', height: '60px',
color: theme?.primaryColor, color: theme?.primaryColor,
background: `linear-gradient(${theme?.backgroundColor}33, ${theme?.backgroundColor}33), no-repeat center url(/backgrounds/${theme?.backgroundImage})`, background: `linear-gradient(${theme?.backgroundColor}33, ${theme?.backgroundColor}33), no-repeat center url(../../api/backgroundImages/${theme?.backgroundImage})`,
backgroundSize: 'cover', backgroundSize: 'cover',
backgroundColor: theme?.backgroundColor, backgroundColor: theme?.backgroundColor,
border: `solid ${theme?.borderColor}`, border: `solid ${theme?.borderColor}`,
@@ -78,7 +78,7 @@ function ThemeSelect({
w={'100%'} w={'100%'}
h={'60px'} h={'60px'}
style={{ style={{
background: `linear-gradient(${theme?.backgroundColor}33, ${theme?.backgroundColor}33), no-repeat center url(/backgrounds/${theme?.backgroundImage})`, background: `linear-gradient(${theme?.backgroundColor}33, ${theme?.backgroundColor}33), no-repeat center url(../../api/backgroundImages/${theme?.backgroundImage})`,
backgroundSize: 'cover', backgroundSize: 'cover',
backgroundColor: theme?.backgroundColor, backgroundColor: theme?.backgroundColor,
border: `solid ${theme?.borderColor}`, border: `solid ${theme?.borderColor}`,