You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
1.4 KiB
74 lines
1.4 KiB
<template>
|
|
<v-app>
|
|
<v-app-bar
|
|
fixed
|
|
app
|
|
>
|
|
<v-toolbar-title v-text="title" />
|
|
<v-spacer />
|
|
<v-btn
|
|
icon
|
|
nuxt
|
|
to="/admin"
|
|
>
|
|
<v-icon>mdi-account</v-icon>
|
|
</v-btn>
|
|
</v-app-bar>
|
|
<v-content>
|
|
<v-container>
|
|
<nuxt />
|
|
</v-container>
|
|
</v-content>
|
|
<v-navigation-drawer
|
|
v-model="rightDrawer"
|
|
:right="right"
|
|
temporary
|
|
fixed
|
|
>
|
|
<v-list>
|
|
<v-list-item @click.native="right = !right">
|
|
<v-list-item-action>
|
|
<v-icon light>
|
|
mdi-repeat
|
|
</v-icon>
|
|
</v-list-item-action>
|
|
<v-list-item-title>Switch drawer (click me)</v-list-item-title>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-navigation-drawer>
|
|
<v-footer
|
|
:fixed="fixed"
|
|
app
|
|
>
|
|
<span>Nubium Artifex © 2019</span>
|
|
</v-footer>
|
|
</v-app>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
clipped: false,
|
|
drawer: false,
|
|
fixed: false,
|
|
items: [
|
|
{
|
|
icon: 'mdi-apps',
|
|
title: 'Welcome',
|
|
to: '/'
|
|
},
|
|
{
|
|
icon: 'mdi-chart-bubble',
|
|
title: 'Inspire',
|
|
to: '/inspire'
|
|
}
|
|
],
|
|
miniVariant: false,
|
|
right: true,
|
|
rightDrawer: false,
|
|
title: 'Vuetify.js'
|
|
}
|
|
}
|
|
}
|
|
</script>
|