Repos/new-moon-dessert-bar
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Changed the styling of modals

Browse Source
This commit is contained in:
CodeServer 2021-07-31 09:57:21 +01:00
parent e93c06055d
commit bdca7dc5fb
4 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.php
View File

@ -256,7 +256,7 @@
<div class="modal-content"> <div class="modal-content">
<form action="php/register.php" method="post"> <form action="php/register.php" method="post">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title" id="registerLabel">register</h5> <h5 class="modal-title" id="registerLabel">Register</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>

8
style/modules/_modal.sass
View File

@ -18,8 +18,12 @@
@media (max-width: 483px) @media (max-width: 483px)
#logInModal, #registerModal #logInModal, #registerModal
.mb-3 .mb-3
width: 100% width: 90%
.modal-footer .modal-footer
div
margin-bottom: 10px;
text-align: center text-align: center
button button
width: 100%; width: 100%;
margin-left: 10%
margin-right: 10%

7
style/style.css
View File

@ -177,13 +177,18 @@ video {
@media (max-width: 483px) { @media (max-width: 483px) {
#logInModal .mb-3, #registerModal .mb-3 { #logInModal .mb-3, #registerModal .mb-3 {
width: 100%; width: 90%;
} }
#logInModal .modal-footer, #registerModal .modal-footer { #logInModal .modal-footer, #registerModal .modal-footer {
text-align: center; text-align: center;
} }
#logInModal .modal-footer div, #registerModal .modal-footer div {
margin-bottom: 10px;
}
#logInModal .modal-footer button, #registerModal .modal-footer button { #logInModal .modal-footer button, #registerModal .modal-footer button {
width: 100%; width: 100%;
margin-left: 10%;
margin-right: 10%;
} }
} }

2
style/style.css.map
View File

File diff suppressed because one or more lines are too long