From 776e075073ea425a9329a8e3de5dfb316a5e9262 Mon Sep 17 00:00:00 2001 From: Sean Edmunds Date: Thu, 19 Jun 2025 15:07:18 -0500 Subject: [PATCH] Image url updates --- src/components/MainLayout.tsx | 2 +- src/pages/settings/components/Theming/BackgroundModal.tsx | 2 +- src/pages/settings/components/Theming/ThemeCard.tsx | 2 +- src/pages/settings/components/Theming/ThemeMiniCard.tsx | 2 +- src/pages/settings/components/Theming/ThemeModal.tsx | 4 ++-- src/pages/settings/components/Theming/ThemeModalContent.tsx | 2 +- src/pages/settings/components/Theming/ThemeSelect.tsx | 4 ++-- 7 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/components/MainLayout.tsx b/src/components/MainLayout.tsx index e2c3c5f..45e163b 100644 --- a/src/components/MainLayout.tsx +++ b/src/components/MainLayout.tsx @@ -9,7 +9,7 @@ export function MainLayout() { diff --git a/src/pages/settings/components/Theming/BackgroundModal.tsx b/src/pages/settings/components/Theming/BackgroundModal.tsx index 3d61149..6d46aa8 100644 --- a/src/pages/settings/components/Theming/BackgroundModal.tsx +++ b/src/pages/settings/components/Theming/BackgroundModal.tsx @@ -96,7 +96,7 @@ function BackgroundModal({ style={{ aspectRatio: '16/9', width: '100%', - backgroundImage: `url(/backgrounds/${background})`, + backgroundImage: `url(../../api/backgroundImages/${background})`, backgroundSize: 'cover', backgroundPosition: 'center', backgroundRepeat: 'no-repeat', diff --git a/src/pages/settings/components/Theming/ThemeCard.tsx b/src/pages/settings/components/Theming/ThemeCard.tsx index 2c59d7c..9482732 100644 --- a/src/pages/settings/components/Theming/ThemeCard.tsx +++ b/src/pages/settings/components/Theming/ThemeCard.tsx @@ -89,7 +89,7 @@ function ThemeCard({ h={'115px'} disabled={currentTheme === 'random'} 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', backgroundColor: cardTheme.backgroundColor, border: `solid ${cardTheme.borderColor}`, diff --git a/src/pages/settings/components/Theming/ThemeMiniCard.tsx b/src/pages/settings/components/Theming/ThemeMiniCard.tsx index 5cd931c..00d78b2 100644 --- a/src/pages/settings/components/Theming/ThemeMiniCard.tsx +++ b/src/pages/settings/components/Theming/ThemeMiniCard.tsx @@ -14,7 +14,7 @@ function ThemeMiniCard({ allThemes, item }: { allThemes: Theme[]; item: number } w={'175px'} h={'60px'} 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', backgroundColor: theme?.backgroundColor, backgroundPosition: 'center', diff --git a/src/pages/settings/components/Theming/ThemeModal.tsx b/src/pages/settings/components/Theming/ThemeModal.tsx index 5b84b55..1b50490 100644 --- a/src/pages/settings/components/Theming/ThemeModal.tsx +++ b/src/pages/settings/components/Theming/ThemeModal.tsx @@ -66,8 +66,8 @@ function ThemeModal({ background: item !== 'none' ? index === hovered - ? `linear-gradient(${selectedTheme.backgroundColor}88, ${selectedTheme.backgroundColor}88), no-repeat center url(/backgrounds/${item})` - : `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(../../api/backgroundImages/${item})` : undefined, backgroundSize: item !== 'none' ? 'cover' : undefined, backgroundColor: item === 'none' ? '#00000088' : undefined, diff --git a/src/pages/settings/components/Theming/ThemeModalContent.tsx b/src/pages/settings/components/Theming/ThemeModalContent.tsx index b419d1d..abfb2ab 100644 --- a/src/pages/settings/components/Theming/ThemeModalContent.tsx +++ b/src/pages/settings/components/Theming/ThemeModalContent.tsx @@ -9,7 +9,7 @@ export default function ThemeModalContent({ selectedTheme }: { selectedTheme: Th width: '100%', backgroundImage: 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, backgroundSize: selectedTheme.backgroundImage !== 'none' ? 'cover' : undefined, backgroundColor: diff --git a/src/pages/settings/components/Theming/ThemeSelect.tsx b/src/pages/settings/components/Theming/ThemeSelect.tsx index 1ae3479..c900232 100644 --- a/src/pages/settings/components/Theming/ThemeSelect.tsx +++ b/src/pages/settings/components/Theming/ThemeSelect.tsx @@ -59,7 +59,7 @@ function ThemeSelect({ textAlign: 'center', height: '60px', 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', backgroundColor: theme?.backgroundColor, border: `solid ${theme?.borderColor}`, @@ -78,7 +78,7 @@ function ThemeSelect({ w={'100%'} h={'60px'} 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', backgroundColor: theme?.backgroundColor, border: `solid ${theme?.borderColor}`,