chaulmark/deafmissoula-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update donate button

Browse source
This commit is contained in:
TheMaddax 2024-10-16 20:23:42 -06:00
parent 785931f523
commit 7cc2f63448
1 changed files with 21 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
client/src/index.css
View file

@ -110,17 +110,16 @@ html {
/* Modal styles */ /* Modal styles */
.modal { .modal {
position: absolute; position: fixed;
top: 50%; top: 0;
left: 50%; left: 0;
transform: translate(-50%, -50%); right: 0;
bottom: 0;
background-color: white; background-color: white;
padding: 20px; padding: 20px;
border-radius: 8px; overflow-y: auto;
width: 80%; width: 100%;
max-width: 1000px; height: 100%;
height: 90vh;
overflow: hidden;
} }
.overlay { .overlay {
@ -131,4 +130,17 @@ html {
bottom: 0; bottom: 0;
background-color: rgba(0, 0, 0, 0.75); background-color: rgba(0, 0, 0, 0.75);
overflow-y: auto; overflow-y: auto;
}
@media (min-width: 768px) {
.modal {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
max-width: 1000px;
height: 90vh;
border-radius: 8px;
}
} }