From 1c5d55c425dc5181ce7db0087547e287765fad38 Mon Sep 17 00:00:00 2001
From: Sean Hatfield <seanhatfield5@gmail.com>
Date: Wed, 1 Nov 2023 14:17:27 -0700
Subject: [PATCH] Fix white border around user avatar glitch (#320)
fix white border around user avatar
---
frontend/src/components/UserIcon/index.jsx | 2 +-
frontend/src/index.css | 4 ++++
2 files changed, 5 insertions(+), 1 deletion(-)
diff --git a/frontend/src/components/UserIcon/index.jsx b/frontend/src/components/UserIcon/index.jsx
index 7ea0b26fc..40694606d 100644
--- a/frontend/src/components/UserIcon/index.jsx
+++ b/frontend/src/components/UserIcon/index.jsx
@@ -16,7 +16,7 @@ export default function Jazzicon({ size = 10, user, role }) {
return (
<div
- className={`flex ${role === "user" ? "border-2 rounded-full" : ""}`}
+ className={`flex ${role === "user" ? "user-reply" : ""}`}
ref={divRef}
/>
);
diff --git a/frontend/src/index.css b/frontend/src/index.css
index bd88e2b8a..b0b8d613a 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -354,3 +354,7 @@ dialog::backdrop {
top: 100%;
}
+
+.user-reply>div:first-of-type {
+ border: 2px solid white;
+}
\ No newline at end of file
--
GitLab