fix: ensure avatars don't squish depending on sidebar width

fix: add ellipsis overflow to DM list
2025-07-18 08:05:11 +02:00 · 2025-07-18 08:01:45 +02:00
2 changed files with 14 additions and 5 deletions
--- a/components/User/UserEntry.vue
+++ b/components/User/UserEntry.vue
@ -34,7 +34,15 @@ 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 {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 </style>
--- 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 {
Author	SHA1	Message	Date
JustTemmie	3a65cfd10a	fix: ensure avatars don't squish depending on sidebar width All checks were successful ci/woodpecker/push/build-and-publish Pipeline was successful Details ci/woodpecker/pr/build-and-publish Pipeline was successful Details	2025-07-18 08:05:11 +02:00
JustTemmie	ad7a6b5bb6	fix: add ellipsis overflow to DM list	2025-07-18 08:01:45 +02:00