From dfedb61b158270a1df4a72985b3638217fc4124e Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Wed, 21 Apr 2021 10:26:03 +0200
Subject: accountAvatar with some css

---
 components/account.tsx | 4 +---
 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;
+}
+
-- 
cgit v1.2.3