feat(web): ability to align icon at the top for notifs/text ui

This commit is contained in:
Luke
2023-11-15 14:30:33 +01:00
parent 0daaf7a175
commit a50f7a2052
8 changed files with 28 additions and 2 deletions

View File

@@ -169,13 +169,22 @@ const Notifications: React.FC = () => {
? 'yellow'
: 'blue'
}
style={{ alignSelf: !data.alignIcon || data.alignIcon === 'center' ? 'center' : 'start' }}
radius="xl"
size={32}
>
<FontAwesomeIcon icon={data.icon} fixedWidth size="lg" />
</Avatar>
) : (
<FontAwesomeIcon icon={data.icon} style={{ color: data.iconColor }} fixedWidth size="lg" />
<FontAwesomeIcon
icon={data.icon}
style={{
color: data.iconColor,
alignSelf: !data.alignIcon || data.alignIcon === 'center' ? 'center' : 'start',
}}
fixedWidth
size="lg"
/>
)}
</>
)}