fixing calendar

src/components/FormTime.vue

@@ -161,6 +161,7 @@ onMounted(() => {
   }
 })
 </script>
+
 <template>
   <div class="col-12 row">
     <div class="row q-col-q-gutter-sm q-pa-md">
@@ -268,7 +269,12 @@ onMounted(() => {
         กรุณาเลือก
       </div>
 
-      <q-card flat bordered class="q-pa-sm col-12 q-mt-sm">
+      <q-card
+        flat
+        bordered
+        class="q-pa-sm col-12 q-mt-sm"
+        :style="action == 'special' ? 'margin-bottom: 150px' : ''"
+      >
         <q-input
           ref="reasonRef"
           dense

src/components/PopUp.vue

@@ -60,7 +60,7 @@ watch(
 )
 </script>
 <template>
-  <q-dialog v-model="props.modal" persistent>
+  <q-dialog v-model="props.modal" persistent m>
     <q-card :style="$q.screen.lt.sm ? 'width: 100%;' : 'width: 320px;'">
       <HeaderPopup :title="props.title" :clickClose="clickClosePopup" />