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

8
index.html
View file

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ระบบทรัพยากรบุคคล</title>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ระบบบริหารทรัพยากรบุคคล</title>
</head>
<body>
<div id="app"></div>

2
src/modules/01_dashboard/views/Dashboard.vue
View file

@ -216,7 +216,7 @@ const thaiOptions: Intl.DateTimeFormatOptions = {
สวัสดี, {{ fullname }}
</div>
<div style="color: #ffffff" class="text-18px text-weight-medium col-12">
ระบบทรัพยากรบุคคล
ระบบบริหารทรัพยากรบุคคลของกรุงเทพมหานคร
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-9">

6
src/modules/10_registry/views/main.vue
View file

@ -332,6 +332,12 @@ onMounted(async () => {
<q-avatar text-color="info" icon="mdi-chevron-right" />
</q-item-section>
</q-item>
<q-item clickable v-ripple disabled>
<q-item-section>เปลี่ยนรหัสผ่าน</q-item-section>
<q-item-section avatar>
<q-avatar text-color="info" icon="mdi-chevron-right" />
</q-item-section>
</q-item>
</q-list>
</q-card>
</div>

32
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();
@ -155,7 +154,7 @@ const thaiOptions: Intl.DateTimeFormatOptions = {
};
function onInfo() {
router.push(`/registry`)
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">
@ -365,10 +364,16 @@ function onInfo(){
<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-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>