From 7cc2f63448af093f2cff7730d22ecc1118aa928c Mon Sep 17 00:00:00 2001 From: TheMaddax Date: Wed, 16 Oct 2024 20:23:42 -0600 Subject: [PATCH] Update donate button --- client/src/index.css | 30 +++++++++++++++++++++--------- 1 file changed, 21 insertions(+), 9 deletions(-) diff --git a/client/src/index.css b/client/src/index.css index 69ff373..75d70e5 100644 --- a/client/src/index.css +++ b/client/src/index.css @@ -110,17 +110,16 @@ html { /* Modal styles */ .modal { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; background-color: white; padding: 20px; - border-radius: 8px; - width: 80%; - max-width: 1000px; - height: 90vh; - overflow: hidden; + overflow-y: auto; + width: 100%; + height: 100%; } .overlay { @@ -131,4 +130,17 @@ html { bottom: 0; background-color: rgba(0, 0, 0, 0.75); 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; + } } \ No newline at end of file