mirror of
https://github.com/CommunityOx/ox_lib.git
synced 2026-08-18 23:46:03 +01:00
refactor(web/notifications): increase description font size if no title
This commit is contained in:
@@ -47,6 +47,11 @@ const useStyles = createStyles((theme) => ({
|
|||||||
color: theme.colors.dark[2],
|
color: theme.colors.dark[2],
|
||||||
fontFamily: 'Roboto',
|
fontFamily: 'Roboto',
|
||||||
},
|
},
|
||||||
|
descriptionOnly: {
|
||||||
|
fontSize: 14,
|
||||||
|
color: theme.colors.dark[2],
|
||||||
|
fontFamily: 'Roboto',
|
||||||
|
},
|
||||||
}));
|
}));
|
||||||
|
|
||||||
// I hate this
|
// I hate this
|
||||||
@@ -174,7 +179,11 @@ const Notifications: React.FC = () => {
|
|||||||
)}
|
)}
|
||||||
<Stack spacing={0}>
|
<Stack spacing={0}>
|
||||||
{data.title && <Text className={classes.title}>{data.title}</Text>}
|
{data.title && <Text className={classes.title}>{data.title}</Text>}
|
||||||
{data.description && <ReactMarkdown className={classes.description}>{data.description}</ReactMarkdown>}
|
{data.description && (
|
||||||
|
<ReactMarkdown className={!data.title ? classes.descriptionOnly : classes.description}>
|
||||||
|
{data.description}
|
||||||
|
</ReactMarkdown>
|
||||||
|
)}
|
||||||
</Stack>
|
</Stack>
|
||||||
</Group>
|
</Group>
|
||||||
</Box>
|
</Box>
|
||||||
|
|||||||
Reference in New Issue
Block a user