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