status-im/status-web
2
0
Fork 0
mirror of https://github.com/status-im/status-web.git synced 2025-01-11 13:14:28 +00:00
Code Issues Projects Releases Wiki Activity

f

Browse Source
This commit is contained in:
Jakub Kotula 2024-10-15 15:08:29 +02:00
parent 7a3c9ae37e
commit 1d09550ae5
No known key found for this signature in database
GPG Key ID: 0FE3021F80BF90C9
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/components/src/avatar/avatar.stories.tsx
View File

@ -102,7 +102,7 @@ const meta = {
<h1 className="text-19">Account Avatar with Opacity</h1>
{renderVariant('account')({ ...props, emoji: '🍿', bgOpacity: '5' })}
<h1 className="text-19">Account Avatar with Transparent background</h1>
{renderVariant('account')({ ...props, emoji: '🍿', bgOpacity: '100' })}
{renderVariant('account')({ ...props, emoji: '🍿', bgOpacity: '0' })}
</div>
),
} satisfies Meta<typeof Avatar>

8
packages/components/src/avatar/avatar.tsx
View File

@ -34,7 +34,7 @@ type AccountAvatarProps = {
size: '80' | '48' | '32' | '28' | '24' | '20' | '16'
name: string
emoji: string
bgOpacity?: '5' | '10' | '20' | '30' | '40' | '100'
bgOpacity?: '0' | '5' | '10' | '20' | '30' | '40' | '100'
}
type IconAvatarProps = {
@ -215,16 +215,16 @@ const baseStyles = cva({
'16': 'p-0',
},
background: {
'0': 'bg-customisation-50',
'0': 'bg-transparent',
'5': 'bg-customisation-50/5',
'10': 'bg-customisation-50/10',
'20': 'bg-customisation-50/20',
'30': 'bg-customisation-50/30',
'40': 'bg-customisation-50/40',
'100': 'bg-transparent',
'100': 'bg-customisation-50',
},
},
defaultVariants: {
background: '0',
background: '100',
},
})