ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust ThemePreview selected/custom styling slightly

Browse Source 
Align icons with horizontal top bar
This commit is contained in:
schroda
2024-10-01 23:19:06 +02:00
parent 5715980c31
commit 996bb62888
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/screens/settings/appearance/theme/ThemePreview.tsx
View File

@@ -103,7 +103,7 @@ export const ThemePreview = ({ theme, onDelete }: { theme: AppTheme; onDelete: (
maxHeight: '20px',
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'center',
alignItems: 'flex-start',
}}
>
<Box
@@ -114,7 +114,13 @@ export const ThemePreview = ({ theme, onDelete }: { theme: AppTheme; onDelete: (
borderRadius: 1,
}}
/>
<Stack sx={{ height: '100%', alignItems: 'center', gap: 1 }}>
<Stack
sx={{
alignItems: 'center',
gap: 1,
mt: -0.25,
}}
>
{isSelected && (
<CheckCircleIcon
sx={{
@@ -132,6 +138,7 @@ export const ThemePreview = ({ theme, onDelete }: { theme: AppTheme; onDelete: (
}}
component="div"
size="small"
sx={{ mt: -0.5 }}
>
<Tooltip title={t('global.button.delete')}>
<DeleteIcon />