fix(web): Ensure font awesome icons have fixed width

This commit is contained in:
Luke
2022-04-16 12:08:55 +02:00
parent 66f9460729
commit e46fa203ca
2 changed files with 3 additions and 1 deletions

View File

@@ -85,6 +85,7 @@ const Notifications: React.FC = () => {
<HStack spacing={0}> <HStack spacing={0}>
{data.icon && ( {data.icon && (
<FontAwesomeIcon <FontAwesomeIcon
fixedWidth
icon={data.icon} icon={data.icon}
fontSize="1.3em" fontSize="1.3em"
style={{ paddingRight: 8 }} style={{ paddingRight: 8 }}

View File

@@ -68,10 +68,11 @@ const TextUI: React.FC = () => {
<Flex justifyContent="center" alignItems="center"> <Flex justifyContent="center" alignItems="center">
{data.icon && ( {data.icon && (
<FontAwesomeIcon <FontAwesomeIcon
fixedWidth
icon={data.icon} icon={data.icon}
color={data.iconColor} color={data.iconColor}
fontSize="1.4rem" fontSize="1.4rem"
style={{ paddingRight: 15 }} style={{ paddingRight: 8 }}
/> />
)} )}
<ReactMarkdown>{data.text}</ReactMarkdown> <ReactMarkdown>{data.text}</ReactMarkdown>