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

Update migration card styling

Browse Source
This commit is contained in:
schroda
2024-08-30 21:38:16 +02:00
parent f05f761f74
commit 86f4e895b1
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/MigrationCard.tsx
View File

@@ -32,7 +32,7 @@ export const MigrationCard = ({ id, name, lang, iconUrl, mangaCount }: TMigratab
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
p: 2,
p: 1.5,
}}
>
<Box sx={{ display: 'flex' }}>
@@ -42,7 +42,7 @@ export const MigrationCard = ({ id, name, lang, iconUrl, mangaCount }: TMigratab
width: 56,
height: 56,
flex: '0 0 auto',
mr: 2,
mr: 1,
background: 'transparent',
}}
>
@@ -53,8 +53,8 @@ export const MigrationCard = ({ id, name, lang, iconUrl, mangaCount }: TMigratab
src={requestManager.getValidImgUrlFor(iconUrl)}
/>
</Avatar>
<Box sx={{ display: 'flex', flexDirection: 'column' }}>
<Typography variant="h5" component="h2">
<Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>
<Typography variant="h6" component="h3">
{name}
</Typography>
<Typography variant="caption" display="block">
@@ -62,7 +62,7 @@ export const MigrationCard = ({ id, name, lang, iconUrl, mangaCount }: TMigratab
</Typography>
</Box>
</Box>
<Chip sx={{ borderRadius: '5px' }} size="small" label={mangaCount} />
<Chip sx={{ borderRadius: 1 }} size="small" label={mangaCount} />
</CardContent>
</CardActionArea>
</Card>