refactor(layout): Optimize the application's main layout structure.
This commit is contained in:
10
src/App.vue
10
src/App.vue
@@ -1,13 +1,13 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-app>
|
<v-app>
|
||||||
<notification-provider/>
|
<notification-provider/>
|
||||||
<v-main>
|
<v-main class="d-flex" style="height: 100vh;">
|
||||||
<v-card class="fill-height">
|
<v-card class="d-flex flex-column" style="height: 100%; width: 100%;">
|
||||||
<v-layout class="fill-height">
|
<v-layout class="d-flex flex-column" style="height: 100%;">
|
||||||
<main-drawer/>
|
<main-drawer/>
|
||||||
<v-main style="height: 100vh">
|
<v-card class="flex-grow-1 overflow-y-auto ma-4">
|
||||||
<router-view/>
|
<router-view/>
|
||||||
</v-main>
|
</v-card>
|
||||||
</v-layout>
|
</v-layout>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-main>
|
</v-main>
|
||||||
|
|||||||
Reference in New Issue
Block a user