Layout changes
This commit is contained in:
parent
2f8f76870f
commit
479e62048f
|
@ -2,12 +2,11 @@
|
||||||
<v-menu v-if="me" v-model="menu" bottom>
|
<v-menu v-if="me" v-model="menu" bottom>
|
||||||
<template #activator="{ on }">
|
<template #activator="{ on }">
|
||||||
<v-btn
|
<v-btn
|
||||||
rounded
|
|
||||||
:block="block"
|
:block="block"
|
||||||
:class="{ 'py-7': big }"
|
:class="{ 'py-7': big }"
|
||||||
color="white"
|
|
||||||
outlined
|
|
||||||
style="text-transform: initial"
|
style="text-transform: initial"
|
||||||
|
depressed
|
||||||
|
text
|
||||||
v-on="on"
|
v-on="on"
|
||||||
>
|
>
|
||||||
<Avatar left :src="me.thumbnailPhoto" :size="big ? '36px' : '28px'" />
|
<Avatar left :src="me.thumbnailPhoto" :size="big ? '36px' : '28px'" />
|
||||||
|
@ -24,11 +23,11 @@
|
||||||
</v-list-item-avatar>
|
</v-list-item-avatar>
|
||||||
|
|
||||||
<v-list-item-content>
|
<v-list-item-content>
|
||||||
<v-list-item-title class="title">{{
|
<v-list-item-title class="title">
|
||||||
me.displayName
|
{{ me.displayName }}
|
||||||
}}</v-list-item-title>
|
</v-list-item-title>
|
||||||
<v-list-item-subtitle v-if="me.title"
|
<v-list-item-subtitle v-if="me.title">
|
||||||
>{{ me.title.capitalize() || '' }}
|
{{ me.title.capitalize() || '' }}
|
||||||
</v-list-item-subtitle>
|
</v-list-item-subtitle>
|
||||||
</v-list-item-content>
|
</v-list-item-content>
|
||||||
<v-list-item-action>
|
<v-list-item-action>
|
||||||
|
|
|
@ -3,33 +3,33 @@
|
||||||
<MainDrawer v-model="mainDrawer" />
|
<MainDrawer v-model="mainDrawer" />
|
||||||
|
|
||||||
<v-app-bar color="primary" app elevate-on-scroll clipped-left dark>
|
<v-app-bar color="primary" app elevate-on-scroll clipped-left dark>
|
||||||
<v-container fluid>
|
<v-toolbar-title>
|
||||||
<v-row>
|
<v-tooltip right>
|
||||||
<v-col v-if="$vuetify.breakpoint.mdAndUp">
|
<span>Portal de Tecnologia da Informação</span>
|
||||||
<v-toolbar-title>
|
<template #activator="{ on }">
|
||||||
<v-tooltip right>
|
<v-avatar tile left v-on="on">
|
||||||
<span>Portal de Tecnologia da Informação</span>
|
<v-img src="../assets/logoTI-white.svg" contain />
|
||||||
<template #activator="{ on }">
|
</v-avatar>
|
||||||
<v-avatar tile left v-on="on">
|
</template>
|
||||||
<v-img src="../assets/logoTI-white.svg" contain />
|
</v-tooltip>
|
||||||
</v-avatar>
|
</v-toolbar-title>
|
||||||
</template>
|
<v-toolbar-items class="align-center">
|
||||||
</v-tooltip>
|
<h1
|
||||||
<span class="title font-weight-light ml-4">
|
v-if="$vuetify.breakpoint.smAndUp"
|
||||||
{{ pageTitle }}
|
class="d-inline ml-4 font-weight-light"
|
||||||
</span>
|
>
|
||||||
</v-toolbar-title>
|
{{ pageTitle }}
|
||||||
</v-col>
|
</h1>
|
||||||
|
</v-toolbar-items>
|
||||||
|
<v-spacer />
|
||||||
|
<v-toolbar-items class="align-center">
|
||||||
|
<user-menu big />
|
||||||
|
|
||||||
<v-col class="shrink" align-self="center">
|
<v-app-bar-nav-icon
|
||||||
<UserMenu />
|
v-if="$vuetify.breakpoint.mdAndDown"
|
||||||
</v-col>
|
@click="mainDrawer = !mainDrawer"
|
||||||
</v-row>
|
/>
|
||||||
</v-container>
|
</v-toolbar-items>
|
||||||
<v-app-bar-nav-icon
|
|
||||||
v-if="$vuetify.breakpoint.mdAndDown"
|
|
||||||
@click="mainDrawer = !mainDrawer"
|
|
||||||
/>
|
|
||||||
</v-app-bar>
|
</v-app-bar>
|
||||||
|
|
||||||
<v-main>
|
<v-main>
|
||||||
|
@ -54,7 +54,7 @@ export default {
|
||||||
computed: {
|
computed: {
|
||||||
pageTitle() {
|
pageTitle() {
|
||||||
return this.$route.meta.title
|
return this.$route.meta.title
|
||||||
? `PTI - ${this.$route.meta.title}`
|
? this.$route.meta.title
|
||||||
: 'Portal de Tecnologia da Informação'
|
: 'Portal de Tecnologia da Informação'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -12,12 +12,12 @@ export default new Vuetify({
|
||||||
themes: {
|
themes: {
|
||||||
light: {
|
light: {
|
||||||
primary: '#117D4C',
|
primary: '#117D4C',
|
||||||
secondary: '#408048',
|
secondary: '#0EC975',
|
||||||
accent: '#32A041',
|
accent: '#0D947D',
|
||||||
error: '#FF5252',
|
error: '#117D4C',
|
||||||
info: '#2196F3',
|
info: '#0C7C8A',
|
||||||
success: '#4CAF50',
|
success: '#0D9431',
|
||||||
warning: '#FFC107'
|
warning: '#C95B08'
|
||||||
},
|
},
|
||||||
dark: {
|
dark: {
|
||||||
primary: '#004B1F',
|
primary: '#004B1F',
|
||||||
|
|
|
@ -6,6 +6,9 @@
|
||||||
:items="items"
|
:items="items"
|
||||||
:headers="headers"
|
:headers="headers"
|
||||||
:search="search"
|
:search="search"
|
||||||
|
items-per-page="20"
|
||||||
|
:footer-props="{ itemsPerPageOptions: [20, 40, 60, 80, 100] }"
|
||||||
|
dense
|
||||||
></v-data-table>
|
></v-data-table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user