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

Background fixes

Browse Source
This commit is contained in:
Sean Edmunds
2024-12-04 15:13:45 -06:00
parent 2fbd2af22f
commit f94d45953e
7 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env
View File

@@ -1,3 +1,3 @@
VITE_DOMAIN_DEV='http://localhost:5000'
VITE_DOMAIN_PROD='https://sean.bet'
VITE_DOMAIN_PROD='http://localhost:5000'
VITE_BASE_URL='trigger'

2
.gitignore vendored
View File

@@ -22,3 +22,5 @@ dist-ssr
*.njsproj
*.sln
*.sw?
.env

6
src/App.tsx
View File

@@ -47,8 +47,8 @@ function App() {
const router = createBrowserRouter(
createRoutesFromElements(
<Route>
<Route path='/trigger' element={<Homepage theme={theme} />} />
<Route path='/trigger/settings' element={<Settings theme={theme} />} />
<Route path={`/${import.meta.env.VITE_BASE_URL}`} element={<Homepage theme={theme} />} />
<Route path={`/${import.meta.env.VITE_BASE_URL}/settings`} element={<Settings theme={theme} />} />
</Route>,
),
);
@@ -71,7 +71,7 @@ function App() {
width: '100%',
height: '100%',
position: 'fixed',
backgroundImage: `linear-gradient(${theme.backgroundColor}33, ${theme.backgroundColor}33), url(../backgrounds/${theme.backgroundImage})`,
backgroundImage: `linear-gradient(${theme.backgroundColor}33, ${theme.backgroundColor}33), url(backgrounds/${theme.backgroundImage})`,
backgroundSize: 'cover',
backgroundRepeat: 'no-repeat',
backgroundPosition: 'center',

4
src/pages/homepage/components/SettingsButton.tsx
View File

@@ -33,7 +33,7 @@ function SettingsButton({
method: 'GET',
headers: { 'Content-Type': 'application/json' },
};
fetch('/trigger/api/wakeDakota', requestOptions);
fetch(`/${import.meta.env.VITE_BASE_URL}/api/wakeDakota`, requestOptions);
}
return (
<Menu withinPortal={false} withArrow shadow='md' position='top'>
@@ -46,7 +46,7 @@ function SettingsButton({
<NavLink
label='Settings'
component='a'
href='/trigger/settings'
href={`/${import.meta.env.VITE_BASE_URL}/settings`}
className={navLink.defaultNavLink}
classNames={navLink}
/>

2
src/pages/settings/Settings.tsx
View File

@@ -18,7 +18,7 @@ function Settings({ theme }: any) {
className={actionIconClasses.backButton}
classNames={actionIconClasses}
component='a'
href='/trigger'
href={`/${import.meta.env.VITE_BASE_URL}`}
>
<FiArrowLeftCircle />
</ActionIcon>

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

@@ -73,7 +73,7 @@ export default function ThemeModalContent({ selectedTheme }: any) {
<Stack
style={{
width: '100%',
background: `linear-gradient(${selectedTheme.backgroundColor}33, ${selectedTheme.backgroundColor}33), no-repeat center url(../backgrounds/${selectedTheme.backgroundImage})`,
background: `linear-gradient(${selectedTheme.backgroundColor}33, ${selectedTheme.backgroundColor}33), no-repeat center url(backgrounds/${selectedTheme.backgroundImage})`,
backgroundSize: 'cover',
backgroundColor: selectedTheme.backgroundColor,
borderRadius: '10px',

2
src/pages/settings/components/Themes.tsx
View File

@@ -334,7 +334,7 @@ function ThemesSettings({ theme }: any) {
w={'100%'}
h={'75px'}
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(backgrounds/${theme.backgroundImage})`,
backgroundSize: 'cover',
backgroundColor: theme.backgroundColor,
border: `solid ${theme.borderColor}`,