chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix(03): employee health check tab

Browse source
This commit is contained in:
puriphatt 2024-07-24 09:08:52 +00:00
parent af828ca107
commit 5e93c5b01c
2 changed files with 22 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/FormDialog.vue
View file

@ -146,7 +146,7 @@ const currentTab = defineModel<string>('currentTab');
<!-- body -->
<div
class="col full-height column"
class="col full-height column full-width"
:class="{
dark: $q.dark.isActive,
'surface-2': !employee,
@ -159,11 +159,14 @@ const currentTab = defineModel<string>('currentTab');
style="border-bottom: 1px solid var(--brand-1)"
>
<q-tabs
inline-label
mobile-arrows
dense
class="app-text-muted cancel-overflow"
class="app-text-muted full-width"
v-model="currentTab"
active-class="active-tab"
indicator-color="transparent"
align="left"
>
<q-tab
:id="`tab-${tab.label}`"
@ -178,7 +181,7 @@ const currentTab = defineModel<string>('currentTab');
</div>
<div
class="row q-pa-lg scroll col"
class="row q-pa-lg scroll col full-width"
:class="{
dark: $q.dark.isActive,
'surface-2': !employee,
@ -204,12 +207,12 @@ const currentTab = defineModel<string>('currentTab');
<div
v-if="!noAppBox"
bordered
class="column surface-1 bordered rounded"
class="column surface-1 bordered rounded col"
:class="`${$slots.prepend ? ($q.screen.gt.sm ? 'col-10' : 'col-12') : $slots.append ? 'col-6' : 'col-12'} ${!noPaddingTab && 'q-pt-lg q-pl-lg'} ${$q.screen.gt.xs && 'full-height scroll'}`"
style="padding-right: 0; padding-bottom: 16px"
>
<div
class="row col-12 q-col-gutter-y-md q-mb-md items-start full-height"
class="row col-12 q-col-gutter-y-md q-mb-md items-start full-height full-width"
:class="noPaddingTab ? '' : 'q-pr-md'"
>
<slot name="information"></slot>