Skip to content

Commit 05f314b

Browse files
jqqinQinQin
andauthored
fix: prevent user groups overflow in profile preview (open-webui#22547)
Add flex-wrap, max-h-20, and overflow-y-auto to the groups container in UserStatus.svelte to prevent horizontal overflow when users have many groups. Groups now wrap to multiple rows with a scrollbar when exceeding the max height. Co-authored-by: QinQin <qinqin@geotab.com>
1 parent ee0d9b7 commit 05f314b

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

src/lib/components/channel/Messages/Message/UserStatus.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -103,7 +103,7 @@
103103
{/if}
104104

105105
{#if (user?.groups ?? []).length > 0}
106-
<div class="mx-3.5 mt-2 flex gap-0.5">
106+
<div class="mx-3.5 mt-2 flex flex-wrap gap-0.5 max-h-20 overflow-y-auto">
107107
{#each user.groups as group}
108108
<div
109109
class="px-1.5 py-0.5 rounded-lg bg-gray-50 dark:text-white dark:bg-gray-900/50 text-black transition text-xs"

0 commit comments

Comments
 (0)