From ad7a6b5bb6dd5cf2ebc7505bb1b46df5b20e78a1 Mon Sep 17 00:00:00 2001
From: JustTemmie <47639983+JustTemmie@users.noreply.github.com>
Date: Fri, 18 Jul 2025 08:01:45 +0200
Subject: [PATCH 1/2] fix: add ellipsis overflow to DM list

---
 components/User/UserEntry.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/components/User/UserEntry.vue b/components/User/UserEntry.vue
index b3ad40f..7e4ab4a 100644
--- a/components/User/UserEntry.vue
+++ b/components/User/UserEntry.vue
@@ -37,4 +37,10 @@ const props = defineProps<{
     width: 2.3em;
     height: 2.3em;
 }
+
+.user-display-name {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
 </style>

From 3a65cfd10a989dd2e4bebe58e7e8582085ee33be Mon Sep 17 00:00:00 2001
From: JustTemmie <47639983+JustTemmie@users.noreply.github.com>
Date: Fri, 18 Jul 2025 08:05:11 +0200
Subject: [PATCH 2/2] fix: ensure avatars don't squish depending on sidebar
 width

---
 components/User/UserEntry.vue                     | 6 ++++--
 pages/servers/[serverId]/channels/[channelId].vue | 7 ++++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/components/User/UserEntry.vue b/components/User/UserEntry.vue
index 7e4ab4a..5abea85 100644
--- a/components/User/UserEntry.vue
+++ b/components/User/UserEntry.vue
@@ -34,8 +34,10 @@ const props = defineProps<{
 }
 
 .user-avatar {
-    width: 2.3em;
-    height: 2.3em;
+    min-width: 2.3em;
+    max-width: 2.3em;
+    min-width: 2.3em;
+    max-height: 2.3em;
 }
 
 .user-display-name {
diff --git a/pages/servers/[serverId]/channels/[channelId].vue b/pages/servers/[serverId]/channels/[channelId].vue
index 045a269..89d5ca4 100644
--- a/pages/servers/[serverId]/channels/[channelId].vue
+++ b/pages/servers/[serverId]/channels/[channelId].vue
@@ -134,9 +134,10 @@ function handleMemberClick(member: GuildMemberResponse) {
 }
 
 .member-avatar {
-	height: 2.3em;
-	width: 2.3em;
-	border-radius: 50%;
+    min-width: 2.3em;
+    max-width: 2.3em;
+    min-width: 2.3em;
+    max-height: 2.3em;
 }
 
 .member-display-name {