fix: form top padding

This commit is contained in:
puriphatt 2024-04-09 10:05:29 +07:00
parent 09868b71a0
commit 669160904c

View file

@ -65,14 +65,14 @@ const addrOptions = ref({
<!-- form-top --> <!-- form-top -->
<div class="form-body-top" :class="{ dark: $q.dark.isActive }"> <div class="form-body-top" :class="{ dark: $q.dark.isActive }">
<q-card-section class="column col-12"> <q-card-section class="column col-12">
<div class="row q-col-gutter-x-md"> <div class="row q-col-gutter-x-md" style="row-gap: 16px">
<slot name="top"></slot> <slot name="top"></slot>
</div> </div>
</q-card-section> </q-card-section>
</div> </div>
<!-- form-mid --> <!-- form-mid -->
<div class="row" style="overflow-y: auto; max-height: 60vh"> <div class="row" style="overflow-y: auto; max-height: 50vh">
<!-- prepend --> <!-- prepend -->
<q-card-section <q-card-section
class="column col-4" class="column col-4"
@ -83,7 +83,7 @@ const addrOptions = ref({
<!-- center --> <!-- center -->
<q-card-section <q-card-section
class="column" class="column"
:class="`${$slots.prepend ? 'col-8' : 'col-6'}`" :class="`${$slots.prepend ? 'col-8' : $slots.append ? 'col-6' : 'col-12'}`"
> >
<div <div
class="row inline col-12 q-col-gutter-x-md" class="row inline col-12 q-col-gutter-x-md"