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

Performance tweaks
All checks were successful
Deploy to production / build (push) Successful in 19s
Details

Browse Source
This commit is contained in:
Sean Edmunds
2026-10-13 13:52:24 -05:00
parent a78ed0dad0
commit 1f86881533
2 changed files with 17 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/pages/settings/components/Theming/ThemePlaylists/ThemePlaylists.tsx
View File

@@ -166,7 +166,7 @@ export function ThemePlaylists() {
setSortBy={undefined}
customSearchEnabled={false}
/>
<Stack mt={isMobile ? '10rem' : '6rem'}>
<Stack mt={isMobile ? '10rem' : '6rem'} gap={'2rem'}>
<LoadingOverlay
visible={themePlaylistDataIsFetching}
zIndex={180}
@@ -203,13 +203,11 @@ export function ThemePlaylists() {
}}
/>
)}
<Box>
<ThemePlaylistStack
cardPlaylist={allStack}
handleOpen={handleOpen}
allThemes={allThemeData}
/>
</Box>
<ThemePlaylistStack
cardPlaylist={allStack}
handleOpen={handleOpen}
allThemes={allThemeData}
/>
</Group>
<Group pos={'relative'}>
{'Backgrounds' === currentThemePlaylist && (
@@ -229,13 +227,11 @@ export function ThemePlaylists() {
}}
/>
)}
<Box>
<ThemePlaylistStack
cardPlaylist={backgroundsStack}
handleOpen={handleOpen}
allThemes={allThemeData}
/>
</Box>
<ThemePlaylistStack
cardPlaylist={backgroundsStack}
handleOpen={handleOpen}
allThemes={allThemeData}
/>
</Group>
<Group pos={'relative'}>
{'No Backgrounds' === currentThemePlaylist && (
@@ -255,13 +251,11 @@ export function ThemePlaylists() {
}}
/>
)}
<Box>
<ThemePlaylistStack
cardPlaylist={noBackgroundsStack}
handleOpen={handleOpen}
allThemes={allThemeData}
/>
</Box>
<ThemePlaylistStack
cardPlaylist={noBackgroundsStack}
handleOpen={handleOpen}
allThemes={allThemeData}
/>
</Group>
<Group pos={'relative'}>
{'Time of Day' === currentThemePlaylist && (

2
src/pages/settings/components/Theming/ThemePlaylists/components/ThemePlaylistStack.tsx
View File

@@ -274,7 +274,7 @@ export function ThemePlaylistStack({
paddingLeft: '.25rem',
backgroundColor: 'var(--mantine-color-background-0)',
borderRadius: '16px',
color: 'var(--mantine-color-border-0)',
color: 'var(--mantine-color-accent-0)',
minWidth: '1.5rem',
textAlign: 'center',
}}