boostrap fullscreen modal
<style>
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
padding: 0 !important; /* override inline padding-right added from js */
width: 100vw !important;
height: 100vh !important;
outline: 0;
}
.modal-dialog-scrollable{ /* add this if you want to use modal-dialog-scrollable */
max-height: none !important;
}
.modal-dialog.modal-xl {
max-width: 100vw !important;
margin: 0;
}
.modal .modal-content{
position: relative;
width: 100%;
min-height: 100vh;
border-radius: 0;
}
</style>