fix: responsive drawer info & form dialog

This commit is contained in:
puriphatt 2024-07-24 04:18:30 +00:00
parent 3e5a4ea0e9
commit d7337c9e95
4 changed files with 21 additions and 12 deletions

View file

@ -204,8 +204,8 @@ const currentTab = defineModel<string>('currentTab');
<div
v-if="!noAppBox"
bordered
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'}`"
class="column surface-1 bordered rounded"
:class="`${$slots.prepend ? ($q.screen.gt.sm ? 'col-10' : 'col-12') : $slots.append ? 'col-6' : 'col-12'} ${!noPaddingTab && 'q-pt-lg q-pl-lg'} ${$q.screen.gt.xs && 'full-height scroll'}`"
style="padding-right: 0; padding-bottom: 16px"
>
<div
@ -237,7 +237,7 @@ const currentTab = defineModel<string>('currentTab');
<slot name="qr-code"></slot>
<slot name="location"></slot>
<slot name="by-type"></slot>
<div class="col-12"></div>
<div v-if="$q.screen.gt.xs" class="col-12"></div>
</div>
</div>