mirror of
https://github.com/open-webui/open-webui.git
synced 2026-10-09 03:18:18 +00:00
fix: prevent user groups overflow in profile preview (#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>
This commit is contained in:
parent
ee0d9b7915
commit
05f314bae4
1 changed files with 1 additions and 1 deletions
|
|
@ -103,7 +103,7 @@
|
|||
{/if}
|
||||
|
||||
{#if (user?.groups ?? []).length > 0}
|
||||
<div class="mx-3.5 mt-2 flex gap-0.5">
|
||||
<div class="mx-3.5 mt-2 flex flex-wrap gap-0.5 max-h-20 overflow-y-auto">
|
||||
{#each user.groups as group}
|
||||
<div
|
||||
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"
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue