ปรับขนาด popup

src/components/FormTime.vue

@@ -23,7 +23,7 @@ const props = defineProps({
   },
 })
 
-const dataById = ref<any>([])
+const dataByIdVal = ref<any>([])
 const date = ref<Date | null>(null)
 const checkboxIn = ref<boolean>(false)
 const checkboxOut = ref<boolean>(false)
@@ -32,8 +32,8 @@ const statusAction = ref<boolean>(false)
 
 onMounted(() => {
   updateClock()
-  dataById.value = props.dataById
-  if (dataById.value == null) {
+  dataByIdVal.value = props.dataById
+  if (dataByIdVal.value == null) {
     statusAction.value = true
   }
 })
@@ -159,7 +159,7 @@ watch(
           <div class="col-1">
             <q-icon color="grey-5" name="calendar_today" />
           </div>
-          <div class="col">{{ covertDateObject(dataById.date) }}</div>
+          <div class="col">{{ covertDateObject(dataByIdVal.date) }}</div>
         </div>
       </q-card>
 
@@ -191,6 +191,7 @@ watch(
           </div>
         </div>
       </q-card>
+
       <div
         v-if="checkstatusBox"
         class="text-red-9 q-pa-sm"
@@ -198,6 +199,7 @@ watch(
       >
         กรุณาเลือก
       </div>
+      
       <q-card flat bordered class="q-pa-sm col-12 q-mt-sm">
         <q-input
           ref="reasonRef"
@@ -206,7 +208,7 @@ watch(
           v-model="reason"
           label="เหตุผล"
           type="textarea"
-          :rows="$q.screen.gt.xs ? '5' : '1'"
+          :rows="4"
           label-color="grey-5"
           :rules="[(val) => !!val || 'กรุณากรอกเหตุผล']"
           lazy-rules