From a31697f5107cc72d943b3b0c0adc4227a5f66adf Mon Sep 17 00:00:00 2001 From: rizaldy Date: Fri, 14 Jun 2024 13:36:28 +0700 Subject: [PATCH] fix: modal --- assets/css/flo.css | 20 +++++++++++++------- 1 file changed, 13 insertions(+), 7 deletions(-) diff --git a/assets/css/flo.css b/assets/css/flo.css index 860346c..2d5e476 100644 --- a/assets/css/flo.css +++ b/assets/css/flo.css @@ -253,19 +253,15 @@ } .js-modal__content { - max-width: 500px; - height: 300px; + height: 100%; + width: 100%; position: absolute; - left: 50%; - top: 50%; - margin-left: -200px; - margin-top: -150px; background-color: #ffffff; padding: 2rem; - border-radius: 10px; z-index: 3; text-align: center; overflow: hidden; + box-sizing: border-box; } .js-modal h2 { @@ -377,4 +373,14 @@ grid-template-columns: auto auto auto; grid-gap: 20px; } + + .js-modal__content { + max-width: 500px; + max-height: 400px; + left: 50%; + top: 50%; + margin-left: -250px; + margin-top: -200px; + border-radius: 10px; + } }