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

fix(01): dialog drawer form

Browse source
This commit is contained in:
puriphatt 2024-08-02 03:52:56 +00:00
parent ef9aeb930a
commit 073635c95b
5 changed files with 227 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -51,26 +51,20 @@ const employeeTab = defineModel<string>('employeeTab');
</q-tabs>
</div>
<div
class="col full-height q-pa-md full-width"
:class="{ row: $q.screen.gt.sm, column: $q.screen.lt.md }"
>
<div class="col-md-2 q-mr-md" v-if="$slots['person-card']">
<slot name="person-card"></slot>
<div class="row col full-width scroll">
<!-- prepend -->
<div class="col" v-if="$slots.prepend">
<slot name="prepend"></slot>
</div>
<div
class="rounded scroll full-height col full-width"
:class="{
'q-mt-md': $q.screen.lt.md,
}"
>
<div
class="row q-col-gutter-y-md surface-1 rounded bordered"
:class="{ 'q-pa-md': !noPaddingTab }"
>
<slot></slot>
</div>
<!-- center -->
<div class="col column full-height">
<slot></slot>
</div>
<!-- append -->
<div class="col" v-if="$slots.append">
<slot name="append"></slot>
</div>
</div>
</div>