diff --git a/web/app/src/components/SuiteCard.vue b/web/app/src/components/SuiteCard.vue index 732bba3b..0682d091 100644 --- a/web/app/src/components/SuiteCard.vue +++ b/web/app/src/components/SuiteCard.vue @@ -39,10 +39,16 @@ :key="index" :class="[ 'flex-1 h-6 sm:h-8 rounded-sm transition-all', - result ? (result.success ? 'bg-green-500 hover:bg-green-700' : 'bg-red-500 hover:bg-red-700') : 'bg-gray-200 dark:bg-gray-700' + result ? 'cursor-pointer' : '', + result ? ( + result.success + ? (selectedResultIndex === index ? 'bg-green-700' : 'bg-green-500 hover:bg-green-700') + : (selectedResultIndex === index ? 'bg-red-700' : 'bg-red-500 hover:bg-red-700') + ) : 'bg-gray-200 dark:bg-gray-700' ]" - @mouseenter="result && showTooltip(result, $event)" - @mouseleave="hideTooltip($event)" + @mouseenter="result && handleMouseEnter(result, $event)" + @mouseleave="result && handleMouseLeave(result, $event)" + @click.stop="result && handleClick(result, $event, index)" />
@@ -56,7 +62,7 @@