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