Topbar OK
This commit is contained in:
parent
d42769ca45
commit
767f09aab7
|
@ -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"
|
||||
},
|
||||
|
|
|
@ -1,36 +1,27 @@
|
|||
<template>
|
||||
<v-app id="inspire">
|
||||
<v-navigation-drawer v-model="drawer">
|
||||
<v-list>
|
||||
<v-list-item>
|
||||
<template v-slot:prepend>
|
||||
<v-avatar :image="me?.thumbnailPhoto || undefined" />
|
||||
</template>
|
||||
<v-list-item-title>{{ me?.displayName }}</v-list-item-title>
|
||||
<v-list-item-subtitle>
|
||||
{{ me?.campus }}
|
||||
</v-list-item-subtitle>
|
||||
</v-list-item>
|
||||
</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 :elevation="0">
|
||||
<v-text-field
|
||||
class="ml-2"
|
||||
density="compact"
|
||||
style="max-width: 350px"
|
||||
placeholder="Pesquisar"
|
||||
hide-details
|
||||
rounded
|
||||
variant="solo"
|
||||
prepend-inner-icon="mdi-printer-search"
|
||||
clearable
|
||||
/>
|
||||
|
||||
<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() {
|
||||
|
|
|
@ -13,14 +13,14 @@ import { createVuetify } from "vuetify";
|
|||
|
||||
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
|
||||
export default createVuetify({
|
||||
// theme: {
|
||||
// themes: {
|
||||
// light: {
|
||||
// colors: {
|
||||
// primary: '#1867C0',
|
||||
// secondary: '#5CBBF6',
|
||||
// },
|
||||
// },
|
||||
// },
|
||||
// },
|
||||
theme: {
|
||||
themes: {
|
||||
light: {
|
||||
colors: {
|
||||
primary: "#2196F3",
|
||||
secondary: "#3F51B5",
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
|
|
Loading…
Reference in New Issue
Block a user