fixed modal alignment

This commit is contained in:
vadivelJ96 2024-09-19 22:20:09 +05:30
parent a1acecad41
commit 2f7b671ff3

View File

@ -38,30 +38,6 @@ if (!empty($INRSYMBOL)) {
<style> <style>
.
.filemodal-dialog {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh; /* Ensures the modal is vertically centered */
min-width: 100%;
}
.filemodal-content {
width: 90%; /* Responsive width */
max-width: 950px; /* Maximum width */
max-height: 80vh; /* Ensures it doesn't overflow vertically */
overflow-y: auto; /* Enables scrolling inside the modal if content exceeds height */
}
.filemodal-body {
max-height: 60vh; /* Set a limit for the modal body */
overflow-y: auto; /* Make the body scrollable */
}
.txtSpcialInstruction{ .txtSpcialInstruction{
background-color: #f4f9fb; background-color: #f4f9fb;
@ -97,7 +73,7 @@ if (!empty($INRSYMBOL)) {
} }
.modal { .modal {
padding-right: 30% ! important; width:100% ! important;
} }
.form-control { .form-control {
@ -2795,7 +2771,7 @@ if (!empty($INRSYMBOL)) {
<div class="modal-dialog"> <div class="modal-dialog">
<!-- Modal content--> <!-- Modal content-->
<div class="modal-content" style="margin-left: 210px;"> <div class="modal-content" style="">
<div class="modal-header"> <div class="modal-header">
<h4 class="modal-title">Material has been Received<span id="WeightTitle"></span></h4> <h4 class="modal-title">Material has been Received<span id="WeightTitle"></span></h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
@ -2830,13 +2806,13 @@ if (!empty($INRSYMBOL)) {
<div id="filemodel" class="modal fade " tabindex="-1" data-backdrop="true" role="dialog" aria-labelledby="myModalLabel"> <div id="filemodel" class="modal fade " tabindex="-1" data-backdrop="true" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog filemodal-dialog"> <div class="modal-dialog modal-dialog-scrollable">
<!-- Modal content--> <!-- Modal content-->
<div class="modal-content filemodal-content"> <div class="modal-content" style="width: 950px;">
<div class="modal-header"> <div class="modal-header">
<h4 class="modal-title">Add Bill Details</h4> <h4 class="modal-title">Add Bill Details</h4>
</div> </div>
<div class="modal-body filemodal-body"> <div class="modal-body ">
<form action=""> <form action="">
<div class="row"> <div class="row">
<div class="col-md-10 m-2 "><strong>Delivery Challan /Inv No</strong> <div class="col-md-10 m-2 "><strong>Delivery Challan /Inv No</strong>