Topbar OK
This commit is contained in:
parent
d42769ca45
commit
767f09aab7
|
@ -14,7 +14,7 @@
|
||||||
"build": "npm run build:server && npm run build:web",
|
"build": "npm run build:server && npm run build:web",
|
||||||
"start": "NODE_ENV=production node dist",
|
"start": "NODE_ENV=production node dist",
|
||||||
"dev": "concurrently --kill-others -n Server,Web \"npm run dev:server\" \"npm run dev:web\"",
|
"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",
|
"dev:web": "npm run dev -w web",
|
||||||
"devLegacy": "NODE_OPTIONS=\"--loader ts-node/esm\" node ./src/index.ts"
|
"devLegacy": "NODE_OPTIONS=\"--loader ts-node/esm\" node ./src/index.ts"
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,36 +1,27 @@
|
||||||
<template>
|
<template>
|
||||||
<v-app id="inspire">
|
<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-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-app-bar>
|
||||||
|
|
||||||
<v-main>
|
<v-main>
|
||||||
|
@ -40,8 +31,6 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ref } from "vue";
|
|
||||||
|
|
||||||
import { useAppStore } from "@/store/app";
|
import { useAppStore } from "@/store/app";
|
||||||
import { removeJwtToken } from "@/auth";
|
import { removeJwtToken } from "@/auth";
|
||||||
|
|
||||||
|
@ -49,8 +38,6 @@ import { useRouter } from "vue-router";
|
||||||
|
|
||||||
const { me } = useAppStore();
|
const { me } = useAppStore();
|
||||||
|
|
||||||
const drawer = ref(true);
|
|
||||||
|
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|
||||||
function logout() {
|
function logout() {
|
||||||
|
|
|
@ -13,14 +13,14 @@ import { createVuetify } from "vuetify";
|
||||||
|
|
||||||
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
|
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
|
||||||
export default createVuetify({
|
export default createVuetify({
|
||||||
// theme: {
|
theme: {
|
||||||
// themes: {
|
themes: {
|
||||||
// light: {
|
light: {
|
||||||
// colors: {
|
colors: {
|
||||||
// primary: '#1867C0',
|
primary: "#2196F3",
|
||||||
// secondary: '#5CBBF6',
|
secondary: "#3F51B5",
|
||||||
// },
|
},
|
||||||
// },
|
},
|
||||||
// },
|
},
|
||||||
// },
|
},
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in New Issue
Block a user