feat(gui-v2): settings modal overflow

Signed-off-by: mertmit <mertmit99@gmail.com>

packages/nc-gui-v2/components/dashboard/settings/Metadata.vue

@@ -86,6 +86,7 @@ const columns = [
           </div>
         </a-button>
       </div>
+      <div class="max-h-600px overflow-y-auto">
         <a-table
           class="w-full"
           size="small"
@@ -101,6 +102,7 @@ const columns = [
           bordered
         />
       </div>
+    </div>
     <div class="flex place-content-center w-2/5">
       <div v-if="isDifferent">
         <a-button v-t="['a:proj-meta:meta-data:sync']" class="nc-btn-metasync-sync-now" type="primary" @click="syncMetaDiff">

packages/nc-gui-v2/components/dashboard/settings/Modal.vue

@@ -149,6 +149,7 @@ watch(
 
 <style scoped>
 .modal-body {
-  @apply min-h-[75vh];
+  @apply h-[75vh];
+  @apply overflow-y-auto;
 }
 </style>

packages/nc-gui-v2/components/dashboard/settings/UIAcl.vue

@@ -120,6 +120,7 @@ const columns = [
           </div>
         </a-button>
       </div>
+      <div class="max-h-600px overflow-y-auto">
         <a-table
           class="w-full"
           size="small"
@@ -163,4 +164,5 @@ const columns = [
         </a-table>
       </div>
     </div>
+  </div>
 </template>