homelab/kener
1
0
Fork 0
mirror of https://github.com/rajnandan1/kener.git synced 2026-08-07 07:14:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #797 from rajnandan1/fix/794-event-card-badge-wrap

Browse Source 
fix(ui): wrap affected-monitor badges inside event cards
This commit is contained in:
Raj Nandan Sharma
2026-07-18 23:05:45 +05:30
committed by GitHub
parent a937727d62 bbc85deea7
commit 9d99a5c11f
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/IncidentItem.svelte
+3 -3
View File
@@ -52,14 +52,14 @@
</div> </div>
{#if incident.monitors && incident.monitors.length > 0 && !hideMonitors} {#if incident.monitors && incident.monitors.length > 0 && !hideMonitors}
<div class="my-1 overflow-x-auto p-1"> <div class="my-1 p-1">
<div class="flex gap-2"> <div class="flex flex-wrap gap-2">
{#each incident.monitors as monitor (`${incident.id}-${monitor.monitor_tag}`)} {#each incident.monitors as monitor (`${incident.id}-${monitor.monitor_tag}`)}
<Popover.Root> <Popover.Root>
<Popover.Trigger disabled={isEmbedded}> <Popover.Trigger disabled={isEmbedded}>
<Badge <Badge
variant="outline" variant="outline"
class="border-{monitor.monitor_impact.toLowerCase()} cursor-pointer rounded-none border-0 border-b px-0 text-sm font-normal" class="border-{monitor.monitor_impact.toLowerCase()} max-w-full cursor-pointer rounded-none border-0 border-b px-0 text-sm font-normal wrap-anywhere whitespace-normal"
> >
{monitor.monitor_name} {monitor.monitor_name}
</Badge> </Badge>
src/lib/components/MaintenanceItem.svelte
+2 -2
View File
@@ -52,13 +52,13 @@
{/if} {/if}
{#if maintenance.monitors && maintenance.monitors.length > 0 && !hideMonitors} {#if maintenance.monitors && maintenance.monitors.length > 0 && !hideMonitors}
<div class="flex gap-2"> <div class="flex flex-wrap gap-2">
{#each maintenance.monitors as monitor} {#each maintenance.monitors as monitor}
<Popover.Root> <Popover.Root>
<Popover.Trigger disabled={isEmbedded}> <Popover.Trigger disabled={isEmbedded}>
<Badge <Badge
variant="outline" variant="outline"
class="border-{monitor.monitor_impact.toLowerCase()} cursor-pointer rounded-none border-0 border-b px-0 text-sm font-normal" class="border-{monitor.monitor_impact.toLowerCase()} max-w-full cursor-pointer rounded-none border-0 border-b px-0 text-sm font-normal wrap-anywhere whitespace-normal"
> >
{monitor.monitor_name} {monitor.monitor_name}
</Badge> </Badge>