hrms-bangkok/hrms-checkin
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

updated menu

Browse source
This commit is contained in:
Warunee Tamkoo 2024-11-18 23:32:26 +07:00
parent 6ad2fe4fb9
commit acf7986a41
1 changed files with 39 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

82
src/views/MainView.vue
View file

@ -326,18 +326,17 @@ onMounted(async () => {
icon="account_circle"
style="font-size: 16px"
>
<q-menu>
<div class="q-pa-md" style="max-width: 500px">
<div class="column items-center col-12 q-py-md" color="grey-3">
<!-- <q-avatar size="72px" color="grey-4"> -->
<q-icon color="primary" name="account_circle" size="32px" />
<!-- <img :src="require('@/assets/logo.png')" /> -->
<!-- </q-avatar> -->
<div class="text-subtitle2 q-mt-md q-mb-xs text-center">
{{ fullName }}
</div>
<q-menu style="width: 250px">
<div class="column items-center col-12 q-py-md" color="grey-3">
<!-- <q-avatar size="72px" color="grey-4"> -->
<q-icon color="primary" name="account_circle" size="32px" />
<!-- <img :src="require('@/assets/logo.png')" /> -->
<!-- </q-avatar> -->
<div class="text-subtitle2 q-mt-md q-mb-xs text-center">
{{ fullName }}
</div>
<!-- <q-list>
</div>
<!-- <q-list>
<q-item>
<q-item-section avatar>
<q-icon color="primary" name="account_circle" />
@ -347,39 +346,36 @@ onMounted(async () => {
</q-item>
</q-list> -->
<q-separator />
<q-list dense>
<q-item clickable :href="landingPageUrl">
<q-item-section avatar>
<q-avatar
color="blue"
text-color="white"
icon="home"
size="24px"
font-size="14px"
/>
</q-item-section>
<q-item-section class="q-py-sm">
Landing Page
</q-item-section>
</q-item>
<q-separator />
<q-list dense class="q-py-sm">
<q-item clickable :href="landingPageUrl">
<q-item-section avatar>
<q-avatar
color="blue"
text-color="white"
icon="home"
size="24px"
font-size="14px"
/>
</q-item-section>
<q-item-section class="q-py-sm"> Landing Page </q-item-section>
</q-item>
<q-item clickable @click="onClickLogout">
<q-item-section avatar>
<q-avatar
color="red"
text-color="white"
icon="logout"
size="24px"
font-size="14px"
/>
</q-item-section>
<q-item-section class="q-py-sm"> ออกจากระบบ </q-item-section>
</q-item>
</q-list>
</div>
</q-menu></q-btn
>
<q-item clickable @click="onClickLogout">
<q-item-section avatar>
<q-avatar
color="red"
text-color="white"
icon="logout"
size="24px"
font-size="14px"
/>
</q-item-section>
<q-item-section class="q-py-sm"> ออกจากระบบ </q-item-section>
</q-item>
</q-list>
</q-menu>
</q-btn>
</q-toolbar>
</q-header>
<div