From c66be3c2b58af8ddbc78297153612c3a0249507f Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Tue, 2 Apr 2024 14:04:09 +0200
Subject: [PATCH] feat #7128 fix styles

---
 src/components/LeftMenuItem.vue | 2 +-
 src/css/app.scss                | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/LeftMenuItem.vue b/src/components/LeftMenuItem.vue
index 9761363949..627c272e22 100644
--- a/src/components/LeftMenuItem.vue
+++ b/src/components/LeftMenuItem.vue
@@ -14,7 +14,7 @@ const props = defineProps({
 const item = computed(() => props.item); // eslint-disable-line vue/no-dupe-keys
 </script>
 <template>
-    <QItem active-class="text-primary" :to="{ name: item.name }" clickable v-ripple>
+    <QItem active-class="bg-hover" :to="{ name: item.name }" clickable v-ripple>
         <QItemSection avatar v-if="item.icon">
             <QIcon :name="item.icon" />
         </QItemSection>
diff --git a/src/css/app.scss b/src/css/app.scss
index d543e3f821..42af53aa4e 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -70,6 +70,9 @@ select:-webkit-autofill {
 .bg-vn-section-color {
     background-color: var(--vn-section-color);
 }
+.bg-hover {
+    background-color: #666666;
+}
 
 .color-vn-text {
     color: var(--vn-text-color);