fix modal popup

This commit is contained in:
Muhammad Labeeb 2025-02-27 17:12:32 +05:00 committed by Régis Behmo
parent 1295be0aee
commit 7bbd4d10c5

View File

@ -516,7 +516,6 @@ main {
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
/* Center modal container */ /* Center modal container */
display: flex; display: flex;
align-items: center;
justify-content: center; justify-content: center;
position: fixed; position: fixed;
opacity: 0; /* to be hidden by default */ opacity: 0; /* to be hidden by default */
@ -537,13 +536,15 @@ main {
border-radius: 2em; border-radius: 2em;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
padding: 30px 50px; padding: 30px 50px;
width: 37.5em; width: fit-content;
height: 18em; height: fit-content;
max-width: 100%; max-width: 30em;
text-align: center; text-align: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
position: inherit;
top: 5em;
.modal-header { .modal-header {
display: flex; display: flex;