feat(my-history): underline only the query

empathyco · Nov 2, 2023 · 94aec1e · 94aec1e
1 parent ffc4441
commit 94aec1e
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/predictive-layer/predictive-layer.vue b/src/components/predictive-layer/predictive-layer.vue
@@ -50,14 +50,18 @@
               >
                 <template #suggestion="{ suggestion }">
                   <HistoryQuery
-                    class="x-suggestion-group-lg desktop:x-suggestion-group-md"
+                    class="x-suggestion-group-lg hover:x-no-underline desktop:x-suggestion-group-md"
                     :suggestion="suggestion"
                     suggestionClass="x-suggestion x-suggestion-lg desktop:x-suggestion-md"
                   >
                     <template #default="{ query }">
                       <HistoryIcon class="x-icon-lg desktop:x-icon-md" />
                       <div class="x-group x-flex x-flex-col x-gap-2">
-                        <Highlight :text="suggestion.query" :highlight="query" />
+                        <Highlight
+                          :text="suggestion.query"
+                          :highlight="query"
+                          class="group-hover:x-underline"
+                        />
                         <HistoryQueryFilters
                           class="x-w-192 desktop:x-w-128"
                           :filtersList="suggestion.selectedFilters"