mirror of
https://github.com/rajnandan1/kener.git
synced 2026-08-07 07:14:56 +00:00
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:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user