Browse Source

Merge pull request #3331 from nocodb/enhancement/expanded-form-to-drawer

enhancement: replace modal with drawer for expanded form
pull/3338/head
navi 2 years ago committed by GitHub
parent
commit
7cfb97c32a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 6
      packages/nc-gui-v2/components/smartsheet/expanded-form/index.vue

6
packages/nc-gui-v2/components/smartsheet/expanded-form/index.vue

@ -105,7 +105,7 @@ export default {
</script> </script>
<template> <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" /> <Header @cancel="onClose" />
<div class="!bg-gray-100 rounded"> <div class="!bg-gray-100 rounded">
<div class="flex h-full nc-form-wrapper items-stretch min-h-[70vh]"> <div class="flex h-full nc-form-wrapper items-stretch min-h-[70vh]">
@ -138,7 +138,7 @@ export default {
</div> </div>
</div> </div>
</div> </div>
</a-modal> </a-drawer>
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">
@ -160,7 +160,7 @@ export default {
} }
.nc-form-wrapper { .nc-form-wrapper {
max-height: max(calc(90vh - 150px), 600px); max-height: max(calc(100vh - 65px), 600px);
height: max-content !important; height: max-content !important;
} }
</style> </style>

Loading…
Cancel
Save