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

updated menu on mobile

Browse source
This commit is contained in:
Warunee Tamkoo 2024-05-31 11:15:21 +07:00
parent 2e28b3980e
commit a9053ada32
4 changed files with 36 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/views/MainLayout.vue
View file

@ -7,7 +7,6 @@ import { useQuasar } from "quasar";
import keycloak from "@/plugins/keycloak";
import { useCounterMixin } from "@/stores/mixin";
const route = useRoute();
const router = useRouter();
@ -154,8 +153,8 @@ const thaiOptions: Intl.DateTimeFormatOptions = {
minute: "2-digit",
};
function onInfo(){
router.push(`/registry`)
function onInfo() {
router.push(`/registry`);
}
</script>
<!-- โครงเว็บ -->
@ -178,9 +177,9 @@ function onInfo(){
style="color: #ffffff; letter-spacing: 1px; line-height: 10px"
class="text-body2 text-weight-bolder col-12"
>
ระบบ<span class="text-primary">ทรัพยากรบุคคล</span>
ระบบ<span class="text-primary">บริหารทรัพยากรบุคคล</span>
</div>
<div class="text-caption text-white">กรุงเทพมหานคร</div>
<div class="text-caption text-white">ของกรุงเทพมหานคร</div>
</div>
</div>
<div v-else class="row items-center">
@ -364,11 +363,17 @@ function onInfo(){
</template>
<q-list>
<q-item clickable v-close-popup @click="onInfo">
<q-item-section avatar style="min-width: 30px" >
<q-icon color="info" size="18px" name="mdi-clipboard-account-outline" />
<q-item-section avatar style="min-width: 30px">
<q-icon
color="blue-9"
size="18px"
name="mdi-clipboard-account-outline"
/>
</q-item-section>
<q-item-section
><q-item-label>ข้อมูลทะเบียนประวัติ</q-item-label></q-item-section
><q-item-label
>ข้อมูลทะเบียนประวัติ</q-item-label
></q-item-section
>
</q-item>
@ -402,9 +407,8 @@ function onInfo(){
style="height: 30px; max-width: 30px"
/>
</q-avatar>
<q-menu>
<!-- <q-menu>
<q-list dense style="min-width: 200px">
<q-item clickable v-close-popup>
<q-item-section>
<div class="row items-center">
@ -412,7 +416,7 @@ function onInfo(){
<q-item clickable v-close-popup @click="onInfo">
<q-item-section avatar style="min-width: 30px">
<q-icon
color="info"
color="blue-9"
size="18px"
name="mdi-clipboard-account-outline"
/>
@ -455,7 +459,7 @@ function onInfo(){
</q-item-section>
</q-item>
</q-list>
</q-menu>
</q-menu> -->
</q-btn>
</div>
</q-toolbar>
@ -490,7 +494,13 @@ function onInfo(){
icon="mdi-calendar-blank-outline"
@click="router.push(`/leave`)"
/>
<q-btn flat round color="white" icon="mdi-account-outline" />
<q-btn
flat
round
color="white"
icon="mdi-account-outline"
@click="router.push(`/registry`)"
/>
</div>
</q-toolbar>
</q-footer>