fix: Update the SLA alert styles to match the labels (#9199)

This commit is contained in:
Sivin Varghese
2024-04-05 21:36:52 +05:30
committed by GitHub
parent 69ebdc63e3
commit aef4b582db

View File

@@ -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