diff --git a/src/App.vue b/src/App.vue index b11bb4120b4b47053f23c924c6c9ac4eeb280bfa..ffb88d663308fad5b27d95388a4caf0297ff9484 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,10 +1,13 @@ <template> <v-app> - <navigation-bar :nav-drawer="isNavDrawerVisible"></navigation-bar> + <navigation-bar></navigation-bar> + <navigation-drawer></navigation-drawer> <v-content> - <navigation-drawer - :visible="isNavDrawerVisible" - ></navigation-drawer> + <v-container + fluid + > + <router-view></router-view> + </v-container> </v-content> </v-app> </template> diff --git a/src/components/NavigationBar.vue b/src/components/NavigationBar.vue index fd6f3c27565a336449315f665dc31fb3075640b7..82ad0ae95ac609ec65fd0581effd7685ba5cd429 100644 --- a/src/components/NavigationBar.vue +++ b/src/components/NavigationBar.vue @@ -1,6 +1,7 @@ <template> <v-app-bar app + clipped-left color="primary" dark > diff --git a/src/components/NavigationDrawer.vue b/src/components/NavigationDrawer.vue index 82d82019bb8ede765ca6b2cb373995384be88e5a..3436e6190df1caf0dd5276de6c30280ae38b1e51 100644 --- a/src/components/NavigationDrawer.vue +++ b/src/components/NavigationDrawer.vue @@ -1,5 +1,7 @@ <template> <v-navigation-drawer + app + clipped :value="isNavDrawerVisible" ></v-navigation-drawer> </template>