before_redesign

src/components/pnBottomSheetDialog.vue

@@ -4,7 +4,8 @@
     transition-show="slide-up"
     transition-hide="slide-down"
     position="bottom"
-  >
+    :persistent="loading"
+    >
     <q-card
       ref="cardRef"
       class="fix-card-width column no-scroll no-wrap q-px-none overflow-hidden relative-position"
@@ -24,7 +25,7 @@
             {{ $t(caption) }}
           </span>
         </div>
-        <div class="flex items-center justify-between no-wrap">
+        <div class="flex items-center justify-between no-wrap" v-if="!loading">
           <slot name="btnSlot">
             <q-btn icon="mdi-close" @click="modelValue = false" flat round />
           </slot>
@@ -36,7 +37,7 @@
           :height="bodyHeight"
           :bottomOffset
           :topOffset
-        >
+          >
           <div class="q-pa-none q-ma-none">
             <q-resize-observer @resize="onInnerBodyResize" />
             <slot />
@@ -63,7 +64,11 @@
     title: string
     caption?: string
     maximized?: boolean
-  }>(), { maximized: true })
+    loading?: boolean
+  }>(), { 
+    maximized: true,
+    loading: false
+  })
 
   const slots = useSlots()
   const cardRef = ref()