diff options
| -rw-r--r-- | components/account.tsx | 4 | ||||
| -rw-r--r-- | styles/ui.css | 8 |
2 files changed, 9 insertions, 3 deletions
diff --git a/components/account.tsx b/components/account.tsx index f24135f..cb44346 100644 --- a/components/account.tsx +++ b/components/account.tsx @@ -19,14 +19,12 @@ export function AccountAvatar(props: { if (props.dummy) image = dummy; return <div + className={'accountAvatar dispinbl ' + (props.round ? 'round' : '')} style={{ width: props.size, height: props.size, backgroundColor: props.fallbackFill || 'var(--background)', backgroundImage: `url(${image})`, - backgroundSize: 'cover', - display: 'inline-block', - borderRadius: props.size / 2 * Number(props.round || 0), }} />; } diff --git a/styles/ui.css b/styles/ui.css index cb95b36..2736a2c 100644 --- a/styles/ui.css +++ b/styles/ui.css @@ -108,3 +108,11 @@ html.dark .dialogbox { background-color: var(--gray-700); } margin-bottom: 64px; } +.accountAvatar { + background-size: cover; +} + +.accountAvatar.round { + border-radius: 9999999px; +} + |