tab ที่ผ่านมาแล้วเปลี่ยนเป็นสีเขียว

src/views/Error404NotFound.vue

@@ -0,0 +1,17 @@
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'Error404NotFound'
+})
+</script>
+
+<template>
+  <div class="fullscreen bg-blue-10 text-white text-center q-pa-md flex flex-center">
+    <div>
+      <div class="text-h1">ไม่พบหน้าที่ต้องการ</div>
+      <div class="text-h2">(404 Not Found)</div>
+      <!-- <q-btn class="q-mt-xl" color="white" text-color="blue" unelevated to="/" label="กลับไปหน้าหลัก" no-caps /> -->
+    </div>
+  </div>
+</template>

src/views/MainLayout.vue

@@ -68,7 +68,7 @@ const doLogout = () => {
     <!-- header -->
     <q-header flat class="bg-grey-2 text-dark" height-hint="7">
       <q-toolbar style="padding: 0 2%">
-        <q-btn
+        <!-- <q-btn
           size="13px"
           class="bg-grey-3"
           flat
@@ -82,7 +82,7 @@ const doLogout = () => {
             size="20px"
             color="grey-7"
           />
-        </q-btn>
+        </q-btn> -->
 
         <q-space />
 
@@ -208,7 +208,7 @@ const doLogout = () => {
     <!-- end header -->
 
     <!-- drawer -->
-    <q-drawer
+    <!-- <q-drawer
       side="left"
       bordered
       class="text-white"
@@ -248,33 +248,6 @@ const doLogout = () => {
         <q-separator inset color="grey-9" />
         <q-list padding>
           <div v-for="(menuItem, index) in menuList" :key="index">
-            <!-- <q-expansion-item
-              group="somegroup"
-              class="menuSub"
-              expand-icon="mdi-menu-right"
-              expanded-icon="mdi-menu-down"
-              v-if="menuItem.key == 3 || menuItem.key == 5"
-            >
-              <template v-slot:header>
-                <q-item-section avatar>
-                  <q-avatar :icon="menuItem.icon" size="md" font-size="20px" />
-                </q-item-section>
-                <q-item-section>{{ menuItem.label }}</q-item-section>
-              </template>
-              <q-item
-                dense
-                class="menuSubHover"
-                active-class="text-primary active-item text-weight-bold menuSubAct"
-                clickable
-                v-for="subMenu in menuItem.children"
-                :key="subMenu.key"
-                :to="{ name: `${subMenu.path}` }"
-              >
-                <q-item-section>
-                  <q-item-label>{{ subMenu.label }}</q-item-label>
-                </q-item-section>
-              </q-item>
-            </q-expansion-item> -->
             <q-item
               class="text-weight-medium menu"
               active-class="text-primary active-item text-weight-bold menuActive"
@@ -285,7 +258,6 @@ const doLogout = () => {
               dense
               exact
             >
-              <!-- v-else -->
               <q-item-section avatar>
                 <q-avatar size="md" font-size="20px">
                   <q-icon :name="menuItem.key === active ? menuItem.activeIcon : menuItem.icon" />
@@ -299,7 +271,7 @@ const doLogout = () => {
           </div>
         </q-list>
       </q-scroll-area>
-    </q-drawer>
+    </q-drawer> -->
 
     <q-page-container class="bg-grey-2">
       <q-page style="padding: 0 2%">