From d6477848d56dac0715a8028e3a27e6f5408ddc64 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Sun, 8 Sep 2024 14:10:48 -0700
Subject: [PATCH] fix: cleans up on hover background color

---
 assets/components/LogViewer/ComplexLogItem.vue | 5 +----
 assets/components/LogViewer/LogList.vue        | 2 +-
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/assets/components/LogViewer/ComplexLogItem.vue b/assets/components/LogViewer/ComplexLogItem.vue
index 908a17f6..60f33760 100644
--- a/assets/components/LogViewer/ComplexLogItem.vue
+++ b/assets/components/LogViewer/ComplexLogItem.vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    class="group/item relative flex w-full cursor-pointer gap-x-2 hover:bg-secondary/10"
-    @click="showLogDetails(logEntry)"
-  >
+  <div class="group/item clickable relative flex w-full gap-x-2" @click="showLogDetails(logEntry)">
     <div v-if="showContainerName">
       <ContainerName :id="logEntry.containerID" />
     </div>
diff --git a/assets/components/LogViewer/LogList.vue b/assets/components/LogViewer/LogList.vue
index 8ed77ccd..fe5210da 100644
--- a/assets/components/LogViewer/LogList.vue
+++ b/assets/components/LogViewer/LogList.vue
@@ -71,7 +71,7 @@ useIntersectionObserver(
     monospace;
 
   > li {
-    @apply flex break-words px-2 py-1 last:snap-end odd:bg-gray-400/[0.07] md:px-4;
+    @apply flex break-words px-2 py-1 last:snap-end odd:bg-gray-400/[0.07] has-[.clickable]:cursor-pointer has-[.clickable]:hover:bg-primary/10 md:px-4;
     &:last-child {
       scroll-margin-block-end: 5rem;
     }