From eeedce5b5c0dc7e853ce03a2daea2c2918cde862 Mon Sep 17 00:00:00 2001
From: selcarpa <selcarpa@gmail.com>
Date: Fri, 26 Dec 2025 17:32:21 +0800
Subject: [PATCH] refactor(layout): Optimize the application's main layout
 structure.

---
 src/App.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a5a7bc2..6ed911e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,13 +1,13 @@
 <template>
   <v-app>
     <notification-provider/>
-    <v-main>
-      <v-card class="fill-height">
-        <v-layout class="fill-height">
+    <v-main class="d-flex" style="height: 100vh;">
+      <v-card class="d-flex flex-column" style="height: 100%; width: 100%;">
+        <v-layout class="d-flex flex-column" style="height: 100%;">
           <main-drawer/>
-          <v-main style="height: 100vh">
+          <v-card class="flex-grow-1 overflow-y-auto ma-4">
             <router-view/>
-          </v-main>
+          </v-card>
         </v-layout>
       </v-card>
     </v-main>