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

Style uniformity

Browse Source
This commit is contained in:
Sean Edmunds
2025-06-12 16:33:42 -05:00
parent fb70df76f1
commit 29514d3290
47 changed files with 316 additions and 377 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/pages/settings/components/Theming/ThemeCard.tsx
View File

@@ -54,9 +54,9 @@ function ThemeCard({
<Text
style={{
fontWeight: 'bold',
fontSize: '20px',
padding: '8px',
margin: '8px',
fontSize: '1.25rem',
padding: '.5rem',
margin: '.5rem',
borderRadius: '10px',
backgroundColor: 'var(--mantine-color-accent-0)',
color: 'var(--mantine-color-background-0)',
@@ -71,8 +71,8 @@ function ThemeCard({
position: 'absolute',
top: -10,
left: 6,
paddingRight: 4,
paddingLeft: 4,
paddingRight: '.25rem',
paddingLeft: '.25rem',
backgroundColor: cardTheme.borderColor,
borderRadius: '4px',
color:
@@ -115,7 +115,7 @@ function ThemeCard({
<Group justify='space-between'>
<Box
style={{
height: '8px',
height: '.5rem',
width: '100px',
backgroundColor: cardTheme.accentColor,
borderRadius: '4px',
@@ -123,7 +123,7 @@ function ThemeCard({
/>
<Box
style={{
height: '8px',
height: '.5rem',
width: '50px',
backgroundColor: cardTheme.primaryColor,
borderRadius: '4px',
@@ -147,7 +147,7 @@ function ThemeCard({
width: '40px',
borderRadius: '4px',
backdropFilter: 'blur(10px) brightness(1.5)',
fontSize: '6px',
fontSize: '.375rem',
justifyContent: 'center',
alignContent: 'center',
color: cardTheme.primaryColor,
@@ -161,7 +161,7 @@ function ThemeCard({
width: '40px',
borderRadius: '4px',
backdropFilter: 'blur(10px) brightness(1.5)',
fontSize: '6px',
fontSize: '.375rem',
justifyContent: 'center',
alignContent: 'center',
color: cardTheme.primaryColor,
@@ -175,7 +175,7 @@ function ThemeCard({
width: '40px',
borderRadius: '4px',
backdropFilter: 'blur(10px) brightness(1.5)',
fontSize: '6px',
fontSize: '.375rem',
justifyContent: 'center',
alignContent: 'center',
color: cardTheme.primaryColor,
@@ -208,8 +208,8 @@ function ThemeCard({
backgroundColor:
shiftEdit === 0 ? 'white' : 'var(--mantine-color-background-0)',
borderRadius: '50%',
padding: '8px',
margin: '4px',
padding: '.5rem',
margin: '.25rem',
border: 'solid 2px',
borderColor: shiftEdit === 0 ? 'black' : 'var(--mantine-color-primary-0)',
transition: 'all 0.2s',
@@ -217,7 +217,7 @@ function ThemeCard({
>
<FiEdit
style={{
fontSize: '2em',
fontSize: '2rem',
fontWeight: 'bold',
color: shiftEdit === 0 ? 'black' : 'var(--mantine-color-primary-0)',
}}
@@ -250,8 +250,8 @@ function ThemeCard({
backgroundColor:
shiftShuffle === 0 ? 'white' : 'var(--mantine-color-background-0)',
borderRadius: '50%',
padding: '8px',
margin: '4px',
padding: '.5rem',
margin: '.25rem',
border: 'solid 2px',
borderColor:
shiftShuffle === 0 ? 'black' : 'var(--mantine-color-primary-0)',
@@ -260,7 +260,7 @@ function ThemeCard({
>
<FiShuffle
style={{
fontSize: '2em',
fontSize: '2rem',
fontWeight: 'bold',
color: shiftShuffle === 0 ? 'black' : 'var(--mantine-color-primary-0)',
}}
@@ -272,8 +272,8 @@ function ThemeCard({
gap={0}
style={{
zIndex: 2,
padding: '4px',
paddingRight: '0px',
padding: '.25rem',
paddingRight: 0,
position: 'absolute',
right: 3,
backgroundColor: '#ffffff88',
@@ -291,7 +291,7 @@ function ThemeCard({
background: cardTheme.randomEnabled
? 'rgba(255,255,255,1)'
: 'rgba(255,255,255,0.5)',
margin: '2px',
margin: '.125rem',
}}
styles={{
root: {
@@ -301,7 +301,7 @@ function ThemeCard({
icon: {
height: '20px',
width: '20px',
fontSize: '24px',
fontSize: '1.5rem',
margin: 0,
padding: 0,
},
@@ -320,7 +320,7 @@ function ThemeCard({
className={actionIconClasses.themeEditButton}
classNames={actionIconClasses}
onClick={() => handleOpen(cardTheme)}
mb={2}
mb={'.125rem'}
>
<FiEdit color='green' />
</ActionIcon>