Layout update

web/src/assets/logoTI-white.svg

@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="256"
+   height="256"
+   viewBox="0 0 67.733336 67.733331"
+   version="1.1"
+   id="svg8">
+  <defs
+     id="defs2" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     transform="matrix(0.52328908,0,0,0.52328908,-16.191466,-29.670683)">
+    <circle
+       style="fill:#ffffff;fill-opacity:1;stroke-width:2.78628;stroke-linecap:round;paint-order:stroke fill markers"
+       id="path847"
+       cx="144.51669"
+       cy="104.72956"
+       r="15.138024" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke-width:2.70854;stroke-linecap:round;paint-order:stroke fill markers"
+       id="rect851"
+       width="27.498306"
+       height="27.498306"
+       x="31.517324"
+       y="58.178944"
+       rx="2.708519" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke-width:2.70854;stroke-linecap:round;paint-order:stroke fill markers"
+       id="rect897"
+       width="27.498306"
+       height="27.498306"
+       x="64.369209"
+       y="58.178944"
+       rx="2.708519" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke-width:2.70854;stroke-linecap:round;paint-order:stroke fill markers"
+       id="rect899"
+       width="27.498306"
+       height="27.498306"
+       x="97.465477"
+       y="58.178944"
+       rx="2.708519" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke-width:2.70854;stroke-linecap:round;paint-order:stroke fill markers"
+       id="rect901"
+       width="27.498306"
+       height="27.498306"
+       x="64.369209"
+       y="91.094788"
+       rx="2.708519" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke-width:2.70854;stroke-linecap:round;paint-order:stroke fill markers"
+       id="rect903"
+       width="27.498306"
+       height="27.498306"
+       x="64.369209"
+       y="124.11598"
+       rx="2.708519" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke-width:2.70854;stroke-linecap:round;paint-order:stroke fill markers"
+       id="rect905"
+       width="27.498306"
+       height="27.498306"
+       x="64.369209"
+       y="157.20168"
+       rx="2.708519" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke-width:2.70854;stroke-linecap:round;paint-order:stroke fill markers"
+       id="rect907"
+       width="27.498306"
+       height="27.498306"
+       x="130.58092"
+       y="157.20168"
+       rx="2.708519" />
+    <rect
+       style="fill:#ffffff;fill-opacity:1;stroke-width:2.70854;stroke-linecap:round;paint-order:stroke fill markers"
+       id="rect909"
+       width="27.498306"
+       height="27.498306"
+       x="130.58092"
+       y="124.11598"
+       rx="2.708519" />
+  </g>
+</svg>

web/src/components/MainDrawer.vue

@@ -2,7 +2,6 @@
   <v-navigation-drawer
     v-if="me"
     v-model="drawer"
-    clipped
     :mini-variant="mini"
     :mini-variant-width="64"
     :right="$vuetify.breakpoint.mdAndDown"
@@ -13,12 +12,13 @@
       <div class="d-lg-none">
         <v-img class="ma-4" src="../assets/logoTI.svg" height="48px" contain />
         <div class="text-center title font-weight-light">Portal de TI</div>
+        <v-divider />
       </div>
     </template>
 
     <NavList :mini="mini" />
 
-    <template #append>
+    <template v-if="$vuetify.breakpoint.lgAndUp" #append>
       <v-list>
         <v-list-item icon @click="mini = !mini">
           <v-list-item-action>

web/src/components/UserMenu.vue

@@ -5,8 +5,8 @@
         rounded
         :block="block"
         :class="{ 'py-7': big }"
+        color="white"
         outlined
-        color="primary darken-1"
         style="text-transform: initial"
         v-on="on"
       >
@@ -17,7 +17,7 @@
     </template>
 
     <v-card>
-      <v-list color="primary" dark>
+      <v-list color="primary darken-1" dark>
         <v-list-item>
           <v-list-item-avatar>
             <Avatar :src="me.thumbnailPhoto" size="40px" />

web/src/components/widgets/UserInfoWidget.vue

@@ -1,10 +1,5 @@
 <template>
-  <Widget
+  <Widget v-if="me" :title="me.displayName" widget-icon="mdi-account">
-    v-if="me"
-    :title="me.displayName"
-    :avatar-src="me.thumbnailPhoto"
-    widget-icon="mdi-account"
-  >
     <v-list two-line>
       <v-list-item v-if="me.lastLoginPrior" two-line>
         <v-list-item-avatar>

web/src/layouts/Default.vue

@@ -2,15 +2,15 @@
   <div>
     <MainDrawer v-model="mainDrawer" />
 
-    <v-app-bar app elevate-on-scroll clipped-left>
+    <v-app-bar app elevate-on-scroll color="primary darken-2" dark>
       <v-container fluid>
         <v-row>
           <v-col v-if="$vuetify.breakpoint.lgAndUp">
             <v-toolbar-title>
               <v-avatar tile left>
-                <v-img src="../assets/logoTI.svg" contain />
+                <v-img src="../assets/logoTI-white.svg" contain />
               </v-avatar>
-              <span class="ml-2 font-weight-light">
+              <span class="title font-weight-light">
                 Portal de Tecnologia da Informação
               </span>
             </v-toolbar-title>

web/src/scss/style.scss

@@ -20,13 +20,13 @@
 //   );
 // }
 
-// .theme--light.v-application {
+.theme--light.v-application {
-//   background: #f5f5f5;
+  background: #f5f5f5;
-// }
+}
 
-// .theme--dark.v-application {
+.theme--dark.v-application {
-//   background: #313233;
+  background: #313233;
-// }
+}
 
 .bottom-border {
   border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;

web/src/views/SystemAdministration.vue

@@ -1,6 +1,5 @@
 <template>
   <v-container>
-    <h1 class="display-1 mb-6">Administração do sistema</h1>
     <v-row>
       <v-col cols="12">
         <v-card outlined>