FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-17 06:56:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor(web/notifications): adjust line height and icon size

Browse Source
This commit is contained in:
Luke
2023-01-13 17:21:01 +01:00
parent b8e96026cc
commit 2a1429848c
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/features/notifications/NotificationWrapper.tsx
View File

@@ -41,16 +41,19 @@ const useStyles = createStyles((theme) => ({
}, },
title: { title: {
fontWeight: 500, fontWeight: 500,
lineHeight: 'normal',
}, },
description: { description: {
fontSize: 12, fontSize: 12,
color: theme.colors.dark[2], color: theme.colors.dark[2],
fontFamily: 'Roboto', fontFamily: 'Roboto',
lineHeight: 'normal',
}, },
descriptionOnly: { descriptionOnly: {
fontSize: 14, fontSize: 14,
color: theme.colors.dark[2], color: theme.colors.dark[2],
fontFamily: 'Roboto', fontFamily: 'Roboto',
lineHeight: 'normal',
}, },
})); }));
@@ -168,7 +171,7 @@ const Notifications: React.FC = () => {
<Avatar <Avatar
color={data.type === 'error' ? 'red' : data.type === 'success' ? 'teal' : 'blue'} color={data.type === 'error' ? 'red' : data.type === 'success' ? 'teal' : 'blue'}
radius="xl" radius="xl"
size={(data.title && !data.description) || (data.description && !data.title) ? 28 : undefined} size={32}
> >
<FontAwesomeIcon icon={data.icon} fixedWidth size="lg" /> <FontAwesomeIcon icon={data.icon} fixedWidth size="lg" />
</Avatar> </Avatar>