RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modal: use content height on mobile 

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/653/head
Varun Patil 2023-05-10 18:11:33 -07:00
parent 6748157cb3
commit 5c671473f7
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/modal/Modal.vue
View File

@ -139,3 +139,15 @@ export default defineComponent({
}
}
</style>
<style lang="scss">
// Patch the NcModal to have dynamic height on mobile
@media (max-width: 512px) {
.modal-wrapper .modal-container {
max-height: calc(100% - var(--header-height)) !important;
height: unset !important;
top: unset !important;
bottom: 0 !important;
}
}
</style>