Layout changes

web/src/components/UserMenu.vue

@@ -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>

web/src/layouts/Default.vue

@@ -3,33 +3,33 @@
     <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>
-                <template #activator="{ on }">
-                  <v-avatar tile left v-on="on">
-                    <v-img src="../assets/logoTI-white.svg" contain />
-                  </v-avatar>
-                </template>
-              </v-tooltip>
-              <span class="title font-weight-light ml-4">
-                {{ pageTitle }}
-              </span>
-            </v-toolbar-title>
-          </v-col>
+      <v-toolbar-title>
+        <v-tooltip right>
+          <span>Portal de Tecnologia da Informação</span>
+          <template #activator="{ on }">
+            <v-avatar tile left v-on="on">
+              <v-img src="../assets/logoTI-white.svg" contain />
+            </v-avatar>
+          </template>
+        </v-tooltip>
+      </v-toolbar-title>
+      <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-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'
     }
   }

web/src/plugins/vuetify.js

@@ -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',

web/src/views/Logs.vue

@@ -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>