Improve layout

2022-02-04 19:54:32 +00:00
parent 3f7f646120
commit 1d0fe60ea4
4 changed files with 39 additions and 29 deletions
--- a/web/src/App.vue
+++ b/web/src/App.vue
@ -37,12 +37,14 @@ export default defineComponent({
      </div>
    </div>

-    <div :class="$store.state.ShowMenu ? 'visible' : 'hidden'">
-      <router-view name="sidebar"></router-view>
-    </div>
-  
-    <div>
-      <router-view></router-view>
+    <div class="flex flex-col md:flex-row flex-1">
+      <div :class="$store.state.ShowMenu ? 'visible' : 'hidden'" class="md:w-72 flex-shrink-0 w-full">
+        <router-view name="sidebar"></router-view>
+      </div>
+
+      <div class="flex-1 p-6">
+        <router-view></router-view>
+      </div>
    </div>
  </div>
 </template>