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

View file

@ -81,10 +81,10 @@ function deleteFile(name: string) {
/>
{{ $t('formDialogTitleByType') }}
</div>
<div class="col-12 row q-col-gutter-md">
<div class="col-12 row q-col-gutter-sm">
<div
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"
>
<q-input
@ -261,7 +261,7 @@ function deleteFile(name: string) {
</div>
<div
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"
>
<q-select

View file

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

View file

@ -26,8 +26,8 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
{{ $t('formDialogTitleFamilyHistory') }}
</div>
<div class="col-12 row q-col-gutter-y-md">
<div class="col-12 row q-col-gutter-md">
<div class="col-12 row q-col-gutter-y-sm">
<div class="col-12 row q-col-gutter-sm">
<q-input
lazy-rules="ondemand"
: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" />
{{ $t('formDialogTitleFamilyHistoryDad') }}
</div>
<div class="col-12 row q-col-gutter-md">
<div class="col-12 row q-col-gutter-sm">
<q-input
lazy-rules="ondemand"
: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" />
{{ $t('formDialogTitleFamilyHistoryMom') }}
</div>
<div class="col-12 row q-col-gutter-md">
<div class="col-12 row q-col-gutter-sm">
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-mother-first-name`"

View file

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