prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Small visual tweaks to the toastbar message

Browse source 
Dropped the font down a little because the degular font is
slighty smaller than inter. Made the X icon bold.
This commit is contained in:
Jackson Harper 2022-03-25 10:10:42 -07:00
parent 5ead3ea339
commit e13296c02a
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/web/lib/toastHelpers.tsx
View file

@ -16,7 +16,7 @@ const toastStyles = {
}
const messageStyles = {
fontSize: 16,
fontSize: 14,
fontWeight: 'bolder',
color: 'white',
flex: 1,
@ -42,7 +42,7 @@ const showToast = (
{type === 'success' ? <CheckCircle size={24} color='white' /> : <WarningCircle size={24} color='white' />}
<MessageContainer>{message}</MessageContainer>
<HStack distribution='end' css={{marginLeft: 16}}>
<X size={16} style={{cursor: 'pointer'}} color='#CCEAC4' onClick={() => toast.dismiss(id)} />
<X size={18} style={{cursor: 'pointer'}} color='#CCEAC4' weight='bold' onClick={() => toast.dismiss(id)} />
</HStack>
</FullWidthContainer>
),