Topbar OK

package.json

@@ -14,7 +14,7 @@
     "build": "npm run build:server && npm run build:web",
     "start": "NODE_ENV=production node dist",
     "dev": "concurrently --kill-others -n Server,Web \"npm run dev:server\" \"npm run dev:web\"",
-    "dev:server": "nodemon --ext js,ts,mts,mjs,json,prisma --exec \"tsx src/index.ts\"",
+    "dev:server": "nodemon --ext js,ts,mts,mjs,json,prisma --exclude ./web/* --exec \"tsx src/index.ts\"",
     "dev:web": "npm run dev -w web",
     "devLegacy": "NODE_OPTIONS=\"--loader ts-node/esm\" node ./src/index.ts"
   },

web/src/layouts/default/View.vue

@@ -1,36 +1,27 @@
 <template>
   <v-app id="inspire">
-    <v-navigation-drawer v-model="drawer">
+    <v-app-bar :elevation="0">
-      <v-list>
+      <v-text-field
-        <v-list-item>
+        class="ml-2"
-          <template v-slot:prepend>
+        density="compact"
-            <v-avatar :image="me?.thumbnailPhoto || undefined" />
+        style="max-width: 350px"
-          </template>
+        placeholder="Pesquisar"
-          <v-list-item-title>{{ me?.displayName }}</v-list-item-title>
+        hide-details
-          <v-list-item-subtitle>
+        rounded
-            {{ me?.campus }}
+        variant="solo"
-          </v-list-item-subtitle>
+        prepend-inner-icon="mdi-printer-search"
-        </v-list-item>
+        clearable
-      </v-list>
+      />
-      <template v-slot:append>
-        <div class="pa-2">
-          <v-btn block variant="text" @click="logout">
-            <template v-slot:prepend>
-              <v-icon icon="mdi-logout"></v-icon>
-            </template>
-            Logout
-          </v-btn>
-        </div>
-      </template>
-    </v-navigation-drawer>
 
-    <v-app-bar>
-      <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
-
-      <v-toolbar-title
-        ><v-icon icon="mdi-printer" /> Impressoras</v-toolbar-title
-      >
       <v-spacer />
+
+      <v-chip variant="flat" color="primary">
+        <v-avatar v-if="me?.thumbnailPhoto" :image="me?.thumbnailPhoto" start />
+        {{ me?.displayName }}
+      </v-chip>
+      <v-btn class="ml-2" variant="text" @click="logout" icon size="small">
+        <v-icon icon="mdi-logout"></v-icon>
+      </v-btn>
     </v-app-bar>
 
     <v-main>
@@ -40,8 +31,6 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from "vue";
-
 import { useAppStore } from "@/store/app";
 import { removeJwtToken } from "@/auth";
 
@@ -49,8 +38,6 @@ import { useRouter } from "vue-router";
 
 const { me } = useAppStore();
 
-const drawer = ref(true);
-
 const router = useRouter();
 
 function logout() {

web/src/plugins/vuetify.ts

@@ -13,14 +13,14 @@ import { createVuetify } from "vuetify";
 
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
-  // theme: {
+  theme: {
-  //   themes: {
+    themes: {
-  //     light: {
+      light: {
-  //       colors: {
+        colors: {
-  //         primary: '#1867C0',
+          primary: "#2196F3",
-  //         secondary: '#5CBBF6',
+          secondary: "#3F51B5",
-  //       },
+        },
-  //     },
+      },
-  //   },
+    },
-  // },
+  },
 });