Obanana.Corporation
/
obananapay_admin
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix problems on modal box

This commit is contained in:
jouls 2024-03-08 11:24:54 +08:00
parent 6c9f7f07e2
commit e679d5735f
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
users/edit-kyc.css
View File

@ -91,7 +91,7 @@
opacity: 0.7; opacity: 0.7;
} }
.modal { .imgModal {
display: none; display: none;
position: fixed; position: fixed;
z-index: 1; z-index: 1;
@ -106,7 +106,7 @@
} }
.modal-content { .imgModal-content {
margin: auto; margin: auto;
display: block; display: block;
width: 80%; width: 80%;
@ -115,7 +115,7 @@
} }
.modal-content, #caption { .imgModal-content, #caption {
-webkit-animation-name: zoom; -webkit-animation-name: zoom;
-webkit-animation-duration: 0.6s; -webkit-animation-duration: 0.6s;
animation-name: zoom; animation-name: zoom;
@ -151,7 +151,7 @@
} }
@media only screen and (max-width: 700px){ @media only screen and (max-width: 700px){
.modal-content { .imgModal-content {
width: 100%; width: 100%;
} }
} }

8
users/edit-kyc.php
View File

@ -42,9 +42,9 @@
} }
?> ?>
</div> </div>
<div id="myModal" class="modal"> <div id="myModal" class="imgModal">
<span class="close" onclick="closeModal()">&times;</span> <span class="close" onclick="closeModal()">&times;</span>
<img class="modal-content" id="img01" style="max-width: 100%; max-height: 80vh; width: auto; height: auto; margin: auto; display: block;"> <img class="imgModal-content" id="img01" style="max-width: 100%; max-height: 80vh; width: auto; height: auto; margin: auto; display: block;">
</div> </div>
<!-- Displays all the information retrieved by get_kyc_info() related to userInfo --> <!-- Displays all the information retrieved by get_kyc_info() related to userInfo -->
@ -88,9 +88,9 @@
} }
?> ?>
</div> </div>
<div id="myModal" class="modal"> <div id="myModal" class="imgModal">
<span class="close">&times;</span> <span class="close">&times;</span>
<img class="modal-content" id="img01"> <img class="imgModal-content" id="img01">
</div> </div>
<h3>KYC Information</h3> <h3>KYC Information</h3>
<div class="form-container"> <div class="form-container">