mirror/api
1
0
Fork 0
mirror of https://github.com/unraid/api.git synced 2026-05-20 07:59:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix(notification): add min width to allow flex title to shrink and wrap text

Browse Source
This commit is contained in:
Ajit Mehrotra
2025-12-09 17:13:22 -05:00
parent 875aa0972a
commit 6a04a06a72
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/Notifications/Item.vue
+2 -2
View File
@@ -90,11 +90,11 @@ const reformattedTimestamp = computed<string>(() => {
<div class="group/item relative flex flex-col gap-2 py-3 text-base">
<header class="flex -translate-y-1 flex-row items-baseline justify-between gap-2">
<h3
class="m-0 flex flex-row items-baseline gap-2 overflow-x-hidden text-base font-semibold normal-case"
class="m-0 flex min-w-0 flex-row items-baseline gap-2 overflow-x-hidden text-base font-semibold normal-case"
>
<!-- the `translate` compensates for extra space added by the `svg` element when rendered -->
<UIcon v-if="icon" :name="icon.name" class="size-5 shrink-0 translate-y-1" :class="icon.color" />
<span class="flex-1 break-words" :title="title">{{ title }}</span>
<span class="min-w-0 flex-1 break-words" :title="title">{{ title }}</span>
</h3>
<div