ปรับ css drawer, ระบบบรรจุ

src/views/MainLayout.vue

@@ -723,6 +723,7 @@ if (keycloak.tokenParsed != null) {
                       dense-toggle
                       :label="subMenu.label"
                       v-if="subMenu.key !== 5.1"
+                      class="expan2"
                       dense
                     >
                       <q-item
@@ -891,17 +892,20 @@ if (keycloak.tokenParsed != null) {
 </template>
 
 <style>
+.menuSub .q-item__section--avatar, .menu .q-item__section--avatar{
+  min-width: 0px;
+}
 .menu {
   padding-bottom: 5px;
   padding-top: 5px;
   border-radius: 0 100px 100px 0;
-  margin-right: 4%;
+  margin-right: 2%;
 }
 
 .menuActive {
   background: #212a2f;
   border-radius: 0 100px 100px 0;
-  margin-right: 4%;
+  margin-right: 2%;
 }
 
 .menuActiveMini {
@@ -909,17 +913,22 @@ if (keycloak.tokenParsed != null) {
 }
 .menuSub .q-item {
   border-radius: 0 100px 100px 0;
-  margin-right: 4%;
+  margin-right: 2%;
+}
+.expan2 .q-item {
+  padding-left: 10%;
 }
-
 /* .menuSubAct {
   background: #1e2529d9;
 } */
-
-.menuSubHover {
+.expan2 .menuSubHover{
   padding-left: 30%;
   border-radius: 20px;
 }
+.menuSubHover{
+  padding-left: 25%;
+  border-radius: 20px;
+}
 .menuSub .q-expansion-item__content {
   background: #212a2f;
   padding: 5px 0px;