From cc140f0124a68a61d76a0f95cadb2273cdf47a38 Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Wed, 28 Aug 2024 16:22:39 +0700
Subject: [PATCH] fix: height

---
 src/components/upload-file/UploadFile.vue | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/upload-file/UploadFile.vue b/src/components/upload-file/UploadFile.vue
index 1eb93056..fa3f3f78 100644
--- a/src/components/upload-file/UploadFile.vue
+++ b/src/components/upload-file/UploadFile.vue
@@ -103,8 +103,8 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
 </script>
 
 <template>
-  <div class="full-width row">
-    <div class="col">
+  <div class="full-width row no-wrap wrapper">
+    <div class="col column no-wrap">
       <div class="q-pa-sm text-center bordered" style="height: 50px">
         <q-btn-dropdown
           :disable="readonly"
@@ -141,7 +141,7 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
         </q-btn-dropdown>
       </div>
 
-      <div class="bordered-l bordered-b q-pa-sm">
+      <div class="bordered-l bordered-b q-pa-sm col full-height scroll">
         <q-tree
           :nodes="treeFile || []"
           node-key="label"
@@ -161,7 +161,7 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
       </div>
     </div>
 
-    <div class="col">
+    <div class="col column no-wrap">
       <div
         class="bordered row items-center justify-evenly q-pa-sm no-wrap"
         style="height: 50px"
@@ -236,7 +236,7 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
       </div>
     </div>
 
-    <div class="col-5">
+    <div class="col-5 column no-wrap">
       <div
         class="bordered row items-center justify-between q-pa-sm"
         style="height: 50px"
@@ -258,7 +258,7 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
         </div>
       </div>
 
-      <div class="q-pa-sm bordered-r bordered-b full-height">
+      <div class="q-pa-sm bordered-r bordered-b full-height col scroll">
         <slot name="form" :mode="currentMode" />
 
         <div class="row items-center">
@@ -290,4 +290,8 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
   </div>
 </template>
 
-<style lang="scss"></style>
+<style lang="scss">
+.wrapper > * {
+  height: 300px;
+}
+</style>