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} setSortBy={undefined}
customSearchEnabled={false} customSearchEnabled={false}
/> />
<Stack mt={isMobile ? '10rem' : '6rem'}> <Stack mt={isMobile ? '10rem' : '6rem'} gap={'2rem'}>
<LoadingOverlay <LoadingOverlay
visible={themePlaylistDataIsFetching} visible={themePlaylistDataIsFetching}
zIndex={180} zIndex={180}
@@ -203,13 +203,11 @@ export function ThemePlaylists() {
}} }}
/> />
)} )}
<Box> <ThemePlaylistStack
<ThemePlaylistStack cardPlaylist={allStack}
cardPlaylist={allStack} handleOpen={handleOpen}
handleOpen={handleOpen} allThemes={allThemeData}
allThemes={allThemeData} />
/>
</Box>
</Group> </Group>
<Group pos={'relative'}> <Group pos={'relative'}>
{'Backgrounds' === currentThemePlaylist && ( {'Backgrounds' === currentThemePlaylist && (
@@ -229,13 +227,11 @@ export function ThemePlaylists() {
}} }}
/> />
)} )}
<Box> <ThemePlaylistStack
<ThemePlaylistStack cardPlaylist={backgroundsStack}
cardPlaylist={backgroundsStack} handleOpen={handleOpen}
handleOpen={handleOpen} allThemes={allThemeData}
allThemes={allThemeData} />
/>
</Box>
</Group> </Group>
<Group pos={'relative'}> <Group pos={'relative'}>
{'No Backgrounds' === currentThemePlaylist && ( {'No Backgrounds' === currentThemePlaylist && (
@@ -255,13 +251,11 @@ export function ThemePlaylists() {
}} }}
/> />
)} )}
<Box> <ThemePlaylistStack
<ThemePlaylistStack cardPlaylist={noBackgroundsStack}
cardPlaylist={noBackgroundsStack} handleOpen={handleOpen}
handleOpen={handleOpen} allThemes={allThemeData}
allThemes={allThemeData} />
/>
</Box>
</Group> </Group>
<Group pos={'relative'}> <Group pos={'relative'}>
{'Time of Day' === currentThemePlaylist && ( {'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', paddingLeft: '.25rem',
backgroundColor: 'var(--mantine-color-background-0)', backgroundColor: 'var(--mantine-color-background-0)',
borderRadius: '16px', borderRadius: '16px',
color: 'var(--mantine-color-border-0)', color: 'var(--mantine-color-accent-0)',
minWidth: '1.5rem', minWidth: '1.5rem',
textAlign: 'center', textAlign: 'center',
}} }}