From c78966bfe9c9e4e14b9886e2751fb050e0b1da39 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 24 Aug 2022 23:40:50 +0530
Subject: [PATCH] enhancement: replace modal with drawer for expanded form

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui-v2/components/smartsheet/expanded-form/index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui-v2/components/smartsheet/expanded-form/index.vue b/packages/nc-gui-v2/components/smartsheet/expanded-form/index.vue
index 4661d8d931..6d3a556e4f 100644
--- a/packages/nc-gui-v2/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui-v2/components/smartsheet/expanded-form/index.vue
@@ -105,7 +105,7 @@ export default {
 </script>
 
 <template>
-  <a-modal v-model:visible="isExpanded" :footer="null" width="min(90vw,1000px)" :body-style="{ padding: 0 }" :closable="false">
+  <a-drawer v-model:visible="isExpanded" :footer="null" width="min(90vw,1000px)" :body-style="{ padding: 0 }" :closable="false">
     <Header @cancel="onClose" />
     <div class="!bg-gray-100 rounded">
       <div class="flex h-full nc-form-wrapper items-stretch min-h-[70vh]">
@@ -138,7 +138,7 @@ export default {
         </div>
       </div>
     </div>
-  </a-modal>
+  </a-drawer>
 </template>
 
 <style scoped lang="scss">
@@ -160,7 +160,7 @@ export default {
 }
 
 .nc-form-wrapper {
-  max-height: max(calc(90vh - 150px), 600px);
+  max-height: max(calc(100vh - 65px), 600px);
   height: max-content !important;
 }
 </style>