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

fix: responsive drawer info & form dialog

Browse source
This commit is contained in:
puriphatt 2024-07-24 04:18:30 +00:00
parent 3e5a4ea0e9
commit d7337c9e95
4 changed files with 21 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -49,14 +49,19 @@ const employeeTab = defineModel<string>('employeeTab');
</q-tabs>
</div>
<div class="row full-width" style="flex: 1">
<div class="col-3" v-if="$slots['person-card']">
<div
class="full-width no-wrap"
:class="$q.screen.gt.xs ? 'row' : 'column'"
style="flex: 1"
>
<div class="col-3 q-mb-xs" v-if="$slots['person-card']">
<slot name="person-card"></slot>
</div>
<div
:class="{
'col-9': $slots['person-card'],
'col-12': !$slots['person-card'],
'q-ml-md': $q.screen.xs,
}"
class="relative-position"
>