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

แก้ css รายการลงเวลา popup อนุมัติคำขอ

Browse source
This commit is contained in:
Warunee Tamkoo 2023-11-08 10:56:48 +07:00
parent a09dbbd849
commit faf2940f07
1 changed files with 19 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/modules/09_leave/components/4_specialTime/DialogApprove.vue
View file

@ -108,31 +108,21 @@ watch(
:close="close" :close="close"
/> />
<q-separator color="grey-4" /> <q-separator color="grey-4" />
<q-card-section style="max-height: 50vh" class="scroll q-pa-none"> <q-card-section style="max-height: 60vh" class="scroll q-pa-none">
<div <div class="col q-ma-md q-pa-sm bg-white border-custom">
class="col q-ma-md q-pa-sm bg-white border_custom text-weight-medium" <q-card bordered class="border-primary text-center">
> <q-card-section class="bg-primary q-pa-sm">
<div> <div class="text-white text-bold">เวลาที่กรอก</div>
<q-card class="my-card bg-primary text-white"> </q-card-section>
<div>
<q-card-section class="border-primary"> <q-card-section class="q-pa-sm bg-white text-black">
<div class="text center">เวลาที่กรอก</div> {{ props.date }}
</q-card-section> </q-card-section>
</div> </q-card>
<q-separator dark />
<div>
<q-card-actions
class="my-card bg-white text-black border-primary"
>
{{ props.date }}
</q-card-actions>
</div>
</q-card>
</div>
</div> </div>
<div <div
class="col q-ma-md q-pa-sm bg-white border_custom text-weight-medium" class="col q-ma-md q-pa-sm bg-white border-custom text-weight-medium"
> >
<datepicker <datepicker
menu-class-name="modalfix" menu-class-name="modalfix"
@ -226,7 +216,7 @@ watch(
</div> </div>
</div> </div>
<div <div
class="col q-ma-md q-pa-sm bg-white border_custom text-weight-medium" class="col q-ma-md q-pa-sm bg-white border-custom text-weight-medium"
> >
<p style="color: #06884d; font-size: 16px">สถานะเข้างาน</p> <p style="color: #06884d; font-size: 16px">สถานะเข้างาน</p>
<div class="row justify-between q-my-sm items-start"> <div class="row justify-between q-my-sm items-start">
@ -249,7 +239,7 @@ watch(
</div> </div>
<div <div
class="col q-ma-md q-pa-sm bg-white border_custom text-weight-medium" class="col q-ma-md q-pa-sm bg-white border-custom text-weight-medium"
> >
<p style="color: #06884d; font-size: 16px">สถานะออกงาน</p> <p style="color: #06884d; font-size: 16px">สถานะออกงาน</p>
<div class="row justify-between q-my-sm items-start"> <div class="row justify-between q-my-sm items-start">
@ -306,7 +296,7 @@ watch(
.mt { .mt {
margin-top: 10px; margin-top: 10px;
} }
.border_custom { .border-custom {
border-radius: 6px !important; border-radius: 6px !important;
border: 1px solid #e1e1e1; border: 1px solid #e1e1e1;
} }
@ -373,4 +363,8 @@ $toggle-control-size: $toggle-height - ($toggle-gutter * 2);
} }
} }
} }
.border-primary {
border: 1px solid var(--q-primary);
}
</style> </style>