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

fix: info form layout

Browse source
This commit is contained in:
puriphatt 2024-07-31 04:35:10 +00:00
parent e69b0ad16d
commit 6a298cfae0
1 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/02_personnel-management/InfoForm.vue
View file

@ -52,22 +52,23 @@ const employeeTab = defineModel<string>('employeeTab');
</div> </div>
<div <div
class="col full-height q-pa-md" class="col full-height q-pa-md full-width"
:class="{ row: $q.screen.gt.sm, column: $q.screen.lt.md }" :class="{ row: $q.screen.gt.sm, column: $q.screen.lt.md }"
> >
<div class="col-md-2" v-if="$slots['person-card']"> <div class="col-md-2 q-mr-md" v-if="$slots['person-card']">
<slot name="person-card"></slot> <slot name="person-card"></slot>
</div> </div>
<div <div
class="bordered surface-1 rounded scroll full-height col" class="rounded scroll full-height col full-width"
:class="{ :class="{
'q-ml-md': $q.screen.gt.sm && $slots['person-card'],
'q-mt-md': $q.screen.lt.md, 'q-mt-md': $q.screen.lt.md,
'q-pa-md': !noPaddingTab,
}" }"
> >
<div class="row q-col-gutter-y-md"> <div
class="row q-col-gutter-y-md surface-1 rounded bordered"
:class="{ 'q-pa-md': !noPaddingTab }"
>
<slot name="information"></slot> <slot name="information"></slot>
<slot name="person"></slot> <slot name="person"></slot>
<slot name="address" v-if="!noAddress"> <slot name="address" v-if="!noAddress">