fix: form gutter

This commit is contained in:
puriphatt 2024-08-07 04:17:15 +00:00
parent 6b25788e53
commit ceb906724c
5 changed files with 17 additions and 13 deletions

View file

@ -107,7 +107,7 @@ watch(
<q-separator <q-separator
v-if="i > 0" v-if="i > 0"
class="full-width" class="full-width"
style="padding-block: 0.1px" style="padding-block: 0.01px"
spaced="lg" spaced="lg"
/> />
<span class="col-12 app-text-muted-2 flex justify-between items-center"> <span class="col-12 app-text-muted-2 flex justify-between items-center">
@ -123,7 +123,11 @@ watch(
:disable="readonly" :disable="readonly"
v-model="book.currentlyUse" v-model="book.currentlyUse"
/> />
<q-separator vertical spaced="lg" /> <q-separator
v-if="bankBookList.length !== 1 && !readonly"
vertical
spaced="lg"
/>
<q-btn <q-btn
v-if="bankBookList.length !== 1 && !readonly" v-if="bankBookList.length !== 1 && !readonly"
flat flat

View file

@ -81,10 +81,10 @@ function deleteFile(name: string) {
/> />
{{ $t('formDialogTitleByType') }} {{ $t('formDialogTitleByType') }}
</div> </div>
<div class="col-12 row q-col-gutter-md"> <div class="col-12 row q-col-gutter-sm">
<div <div
v-if="userType === 'USER' || userType === 'MESSENGER'" v-if="userType === 'USER' || userType === 'MESSENGER'"
class="row col-12 q-col-gutter-md" class="row col-12 q-col-gutter-sm"
style="margin-left: 0px; padding-left: 0px" style="margin-left: 0px; padding-left: 0px"
> >
<q-input <q-input
@ -261,7 +261,7 @@ function deleteFile(name: string) {
</div> </div>
<div <div
v-if="userType === 'AGENCY'" v-if="userType === 'AGENCY'"
class="row col-12 q-col-gutter-md" class="row col-12 q-col-gutter-sm"
style="margin-left: 0px; padding-left: 0px" style="margin-left: 0px; padding-left: 0px"
> >
<q-select <q-select

View file

@ -85,7 +85,7 @@ onMounted(async () => {
{{ $t(`${title}`) }} {{ $t(`${title}`) }}
</div> </div>
<div class="col-12 row q-col-gutter-md"> <div class="col-12 row q-col-gutter-sm">
<q-select <q-select
outlined outlined
clearable clearable

View file

@ -26,8 +26,8 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
{{ $t('formDialogTitleFamilyHistory') }} {{ $t('formDialogTitleFamilyHistory') }}
</div> </div>
<div class="col-12 row q-col-gutter-y-md"> <div class="col-12 row q-col-gutter-y-sm">
<div class="col-12 row q-col-gutter-md"> <div class="col-12 row q-col-gutter-sm">
<q-input <q-input
lazy-rules="ondemand" lazy-rules="ondemand"
:for="`${prefixId}-input-citizen-id`" :for="`${prefixId}-input-citizen-id`"
@ -44,7 +44,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
<q-icon size="xs" class="q-mr-xs" name="mdi-human-male" /> <q-icon size="xs" class="q-mr-xs" name="mdi-human-male" />
{{ $t('formDialogTitleFamilyHistoryDad') }} {{ $t('formDialogTitleFamilyHistoryDad') }}
</div> </div>
<div class="col-12 row q-col-gutter-md"> <div class="col-12 row q-col-gutter-sm">
<q-input <q-input
lazy-rules="ondemand" lazy-rules="ondemand"
:for="`${prefixId}-input-father-first-name`" :for="`${prefixId}-input-father-first-name`"
@ -106,7 +106,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
<q-icon size="xs" class="q-mr-xs" name="mdi-human-female" /> <q-icon size="xs" class="q-mr-xs" name="mdi-human-female" />
{{ $t('formDialogTitleFamilyHistoryMom') }} {{ $t('formDialogTitleFamilyHistoryMom') }}
</div> </div>
<div class="col-12 row q-col-gutter-md"> <div class="col-12 row q-col-gutter-sm">
<q-input <q-input
lazy-rules="ondemand" lazy-rules="ondemand"
:for="`${prefixId}-input-mother-first-name`" :for="`${prefixId}-input-mother-first-name`"

View file

@ -149,7 +149,7 @@ const workplaceFilter = selectFilterOptionRefMod(
map-options map-options
hide-selected hide-selected
hide-bottom-space hide-bottom-space
class="col-5" class="col-6"
input-debounce="0" input-debounce="0"
option-label="label" option-label="label"
option-value="value" option-value="value"
@ -421,7 +421,7 @@ const workplaceFilter = selectFilterOptionRefMod(
outlined outlined
:readonly="readonly" :readonly="readonly"
hide-bottom-space hide-bottom-space
class="col-4" class="col-5"
:label="$t('formDialogInputOwnerName')" :label="$t('formDialogInputOwnerName')"
v-model="work.ownerName" v-model="work.ownerName"
/> />
@ -434,7 +434,7 @@ const workplaceFilter = selectFilterOptionRefMod(
map-options map-options
hide-selected hide-selected
hide-bottom-space hide-bottom-space
class="col-5" class="col-4"
input-debounce="0" input-debounce="0"
option-value="value" option-value="value"
option-label="label" option-label="label"