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

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
2 changed files with 5 additions and 5 deletions
+3 -3
View File
@@ -52,14 +52,14 @@
</div>
{#if incident.monitors && incident.monitors.length > 0 && !hideMonitors}
<div class="my-1 overflow-x-auto p-1">
<div class="flex gap-2">
<div class="my-1 p-1">
<div class="flex flex-wrap gap-2">
{#each incident.monitors as monitor (`${incident.id}-${monitor.monitor_tag}`)}
<Popover.Root>
<Popover.Trigger disabled={isEmbedded}>
<Badge
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}
</Badge>
+2 -2
View File
@@ -52,13 +52,13 @@
{/if}
{#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}
<Popover.Root>
<Popover.Trigger disabled={isEmbedded}>
<Badge
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}
</Badge>