From 200bcc2655389479fa978bbe18dab3f217d21def Mon Sep 17 00:00:00 2001 From: lebaudantoine Date: Mon, 27 Jul 2026 18:02:40 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20render=20Avatar=20init?= =?UTF-8?q?ials=20in=20uppercase?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Uppercase the initials rendered in the Avatar so their vertical centering stays consistent. With lowercase letters, the initials were slightly shifted toward the bottom of the Avatar, which broke the alignment. --- CHANGELOG.md | 2 ++ src/frontend/src/components/Avatar.tsx | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 8cd87b04..5bd6f3ec 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -22,6 +22,7 @@ and this project adheres to - ⬆️(frontend) upgrade livekit-client from 2.19.2 to 2.20.0 - ⚡️(frontend) limit unnecessary re-renders #1510 - 📝(legal) update terms of service +- 💄(frontend) render Avatar initials in uppercase ## Fixed @@ -30,6 +31,7 @@ and this project adheres to - 🐛(summary) properly detect when failure webhook should be sent - 🐛(backend) preserve recording metadata when updating room access + ## [1.24.0] - 2026-07-21 ### Added diff --git a/src/frontend/src/components/Avatar.tsx b/src/frontend/src/components/Avatar.tsx index 92b60908..ed5d558b 100644 --- a/src/frontend/src/components/Avatar.tsx +++ b/src/frontend/src/components/Avatar.tsx @@ -56,7 +56,7 @@ export const Avatar = React.memo( fontWeight="500" fill="currentColor" > - {initial} + {initial.toUpperCase()}