From af962aa2b45a144000279f2273cd5f866260d12a Mon Sep 17 00:00:00 2001 From: Ikki Date: Thu, 31 Oct 2024 05:39:28 +0530 Subject: [PATCH] mobile-resposive-fix --- src/components/ui/MapModal.module.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/ui/MapModal.module.css b/src/components/ui/MapModal.module.css index 26da7e9..72dabdc 100644 --- a/src/components/ui/MapModal.module.css +++ b/src/components/ui/MapModal.module.css @@ -3,7 +3,6 @@ top: 0; left: 0; width: 100%; - height: 90%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; @@ -114,9 +113,10 @@ @media (max-width: 768px) { .modalContent { flex-direction: column; /* Stack columns vertically */ - width: 90%; /* Full width on mobile */ - max-height: 90%; /* Prevent the modal from exceeding the viewport */ + width: 80%; /* Full width on mobile */ + max-height: 80%; /* Prevent the modal from exceeding the viewport */ overflow-y: auto; /* Enable vertical scrolling */ + } .leftColumn,