fix: form gutter
This commit is contained in:
parent
6b25788e53
commit
ceb906724c
5 changed files with 17 additions and 13 deletions
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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`"
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue