From 63a34fd90c27d0d23995aafcae23526bca8a028f Mon Sep 17 00:00:00 2001
From: gman <gman>
Date: Sun, 3 Dec 2023 22:57:29 +0300
Subject: [PATCH] fix: wide screen content overflow

---
 src/KartaPage.tsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/KartaPage.tsx b/src/KartaPage.tsx
index e906840..ade73a9 100644
--- a/src/KartaPage.tsx
+++ b/src/KartaPage.tsx
@@ -404,7 +404,7 @@ export function KartaPage() {
             top: "1rem",
             left: "1rem",
             width: "36rem",
-            height: "83vh",
+            height: "80%",
             opacity: "95%",
             padding: "1rem 0 1rem 1rem",
           }}
@@ -426,9 +426,20 @@ export function KartaPage() {
             onChange={setSearch}
             data={[]}
           />
-          <ScrollArea h={"67vh"} type="auto">
+          <ScrollArea
+            h={"80%"}
+            type="auto"
+            sx={{
+              "@media (max-height: 700px)": {
+                height: "60%",
+              },
+              "@media (max-height: 400px)": {
+                height: "50%",
+              },
+            }}
+          >
             <Flex
-              mih={50}
+              mih="40rem"
               gap="md"
               justify="flex-start"
               align="start"