From 2558122a6b617c2d3496cda8a4941635c1d2f15f Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Thu, 31 Oct 2024 10:03:39 +0700
Subject: [PATCH] fix: css syntax

---
 src/layouts/DrawerComponent.vue | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/layouts/DrawerComponent.vue b/src/layouts/DrawerComponent.vue
index 72a769c9..2875fe13 100644
--- a/src/layouts/DrawerComponent.vue
+++ b/src/layouts/DrawerComponent.vue
@@ -553,14 +553,19 @@ onMounted(async () => {
   color: white !important;
   background: var(--brand-1) !important;
 
-  i.q-icon.mdi.mdi-chevron-down.q-expansion-item__toggle-icon.q-expansion-item__toggle-icon--rotated {
+  &
+    i.q-icon.mdi.mdi-chevron-down.q-expansion-item__toggle-icon.q-expansion-item__toggle-icon--rotated {
     color: white !important;
   }
 }
 
 .sub-menu {
   font-weight: 400;
-  .active {
+
+  & .active {
+    color: var(--brand-1) !important;
+    font-weight: bold;
+
     &::before {
       content: '';
       display: inline-block;
@@ -570,12 +575,14 @@ onMounted(async () => {
       border-radius: 50px;
       background-color: var(--brand-2);
     }
-    color: var(--brand-1) !important;
-    font-weight: bold;
   }
 
   &:hover {
-    nav::before {
+    color: var(--brand-1) !important;
+    cursor: pointer;
+    font-weight: bold;
+
+    & nav::before {
       content: '';
       display: inline-block;
       margin-left: -3px;
@@ -584,9 +591,6 @@ onMounted(async () => {
       border-radius: 50px;
       background-color: var(--brand-2);
     }
-    color: var(--brand-1) !important;
-    cursor: pointer;
-    font-weight: bold;
   }
 }
 </style>