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
|
||||
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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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`"
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue