fix: Update the SLA alert styles to match the labels (#9199)
This commit is contained in:
@@ -1,12 +1,12 @@
|
|||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
v-if="hasSlaThreshold"
|
v-if="hasSlaThreshold"
|
||||||
class="relative flex items-center border cursor-pointer min-w-fit border-slate-75 dark:border-slate-700"
|
class="relative flex items-center border cursor-pointer min-w-fit border-slate-100 dark:border-slate-700"
|
||||||
:class="showExtendedInfo ? 'rounded-lg' : 'rounded'"
|
:class="showExtendedInfo ? 'h-[26px] rounded-lg' : 'rounded h-5'"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="flex items-center w-full truncate"
|
class="flex items-center w-full truncate"
|
||||||
:class="showExtendedInfo ? 'h-[26px] px-1.5' : 'h-5 px-2 gap-1'"
|
:class="showExtendedInfo ? 'px-1.5' : 'px-2 gap-1'"
|
||||||
@mouseover="openSlaPopover()"
|
@mouseover="openSlaPopover()"
|
||||||
@mouseleave="closeSlaPopover()"
|
@mouseleave="closeSlaPopover()"
|
||||||
>
|
>
|
||||||
@@ -14,7 +14,7 @@
|
|||||||
class="flex items-center gap-1"
|
class="flex items-center gap-1"
|
||||||
:class="
|
:class="
|
||||||
showExtendedInfo &&
|
showExtendedInfo &&
|
||||||
'ltr:pr-1.5 rtl:pl-1.5 ltr:border-r rtl:border-l border-solid border-slate-75 dark:border-slate-700'
|
'ltr:pr-1.5 rtl:pl-1.5 ltr:border-r rtl:border-l border-solid border-slate-100 dark:border-slate-700'
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<fluent-icon
|
<fluent-icon
|
||||||
|
|||||||
Reference in New Issue
Block a user