fix: form dialog space & layout

This commit is contained in:
puriphatt 2024-06-25 10:38:37 +00:00
parent 6e3144374c
commit ab1b7a0902
4 changed files with 11 additions and 10 deletions

View file

@ -204,14 +204,9 @@ const tabsList = defineModel<{ name: string; label: string }[]>('tabsList');
<div
v-if="!noAppBox"
bordered
:noPadding="noPaddingTab"
class="column full-height surface-1 bordered rounded q-pt-lg q-pl-lg scroll"
:class="`${$slots.prepend ? ($q.screen.gt.sm ? 'col-10' : 'col-12') : $slots.append ? 'col-6' : 'col-12'}`"
style="
padding-right: 0;
padding-bottom: 16px;
box-sizing: border-box;
"
class="column full-height surface-1 bordered rounded scroll"
:class="`${$slots.prepend ? ($q.screen.gt.sm ? 'col-10' : 'col-12') : $slots.append ? 'col-6' : 'col-12'} ${!noPaddingTab && 'q-pt-lg q-pl-lg'}`"
style="padding-right: 0; padding-bottom: 16px"
>
<div
class="row col-12 q-col-gutter-y-md q-mb-md items-start full-height"
@ -242,6 +237,7 @@ const tabsList = defineModel<{ name: string; label: string }[]>('tabsList');
<slot name="qr-code"></slot>
<slot name="location"></slot>
<slot name="by-type"></slot>
<div class="col-12"></div>
</div>
</div>