Mobile and style improvements

2025-03-28 14:25:33 -05:00
parent e935b13baf
commit 332c759ed0
23 changed files with 743 additions and 572 deletions
--- a/src/pages/settings/components/Theming/ThemePlaylistCard.tsx
+++ b/src/pages/settings/components/Theming/ThemePlaylistCard.tsx
@@ -249,10 +249,19 @@ function ThemePlaylistCard({ cardPlaylist, handleOpen, allThemes }: any) {
 				}}
 			>
 				{hover && <Overlay opacity={0.5} zIndex={1} />}
-				<Stack h={'100%'} w={'100%'}>
+				<Stack h={'100%'} w={'100%'} align='center'>
 					{cardPlaylist.name !== 'Time of Day' ? (
 						<>
-							<Text mt={8} mb={-8}>
+							<Text
+								px={8}
+								mt={8}
+								mb={-8}
+								style={{
+									color: theme.backgroundColor,
+									backgroundColor: theme.primaryColor,
+									borderRadius: '4px',
+								}}
+							>
 								Count: {themeList.length}
 							</Text>
 							<ScrollArea h={'255px'} w={'100%'} style={{ zIndex: 2 }}>