status-im
/
status-web
mirror of https://github.com/status-im/status-web.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

remove overflow hidden from avatar

This commit is contained in:
Pavel Prichodko 2023-01-23 14:46:04 +01:00
parent 15e44e70fe
commit ad76bbabee
No known key found for this signature in database
GPG Key ID: 0EB8D75C775AB6F1
1 changed files with 28 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,7 +17,6 @@ const Base = styled(Stack, {
display: 'inline-flex', display: 'inline-flex',
position: 'relative', position: 'relative',
overflow: 'hidden',
backgroundColor: '$white-100', backgroundColor: '$white-100',
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
@ -75,46 +74,51 @@ const Indicator = styled(Stack, {
name: 'Indicator', name: 'Indicator',
position: 'absolute', position: 'absolute',
width: 8, bottom: 2,
height: 8, right: 2,
bottom: 0,
right: 0,
zIndex: 2, zIndex: 2,
// borderWidth: 2,
// borderColor: 'rgba(255,255,0,1.0)', borderWidth: '2px',
borderColor: '$white-100',
variants: { variants: {
size: { size: {
80: { 80: {
width: 10, width: 12,
height: 10, height: 12,
borderRadius: '50%', borderRadius: '50%',
}, },
56: { 56: {
width: 10, width: 12,
height: 10, height: 12,
borderRadius: '50%', borderRadius: 12 / 2,
}, },
// FIXME: use catch all variant // FIXME: use catch all variant
52: { 52: {
width: 8, width: 12,
height: 8, height: 12,
borderRadius: 8 / 2, borderRadius: 12 / 2,
}, },
48: { 48: {
width: 8, width: 10,
height: 8, height: 10,
borderRadius: 8 / 2, borderRadius: 10 / 2,
right: 0,
bottom: 0,
}, },
32: { 32: {
width: 8, width: 10,
height: 8, height: 10,
borderRadius: 8 / 2, borderRadius: 10 / 2,
right: 0,
bottom: 0,
}, },
20: { 20: {
width: 8, width: 10,
height: 8, height: 10,
borderRadius: 8 / 2, borderRadius: 10 / 2,
right: 0,
bottom: 0,
}, },
}, },