Update extension card styling
This commit is contained in:
@@ -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>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user