Update extension card styling

This commit is contained in:
schroda
2024-08-30 21:34:58 +02:00
parent 4aed3ffa78
commit f05f761f74

View File

@@ -157,10 +157,10 @@ export function ExtensionCard(props: IProps) {
sx={{ sx={{
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
gap: 2, gap: 1,
p: 2, p: 1.5,
'&:last-child': { '&:last-child': {
paddingBottom: 2, paddingBottom: 1.5,
}, },
}} }}
> >
@@ -188,15 +188,16 @@ export function ExtensionCard(props: IProps) {
flexGrow: 1, flexGrow: 1,
flexShrink: 1, flexShrink: 1,
wordBreak: 'break-word', wordBreak: 'break-word',
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">
{langPress} {versionName} {langPress} {versionName}
{isNsfw && ( {isNsfw && (
<Typography variant="caption" display="inline" color="red"> <Typography variant="caption" display="inline" color="error">
{' 18+'} {' 18+'}
</Typography> </Typography>
)} )}