fix: wide screen content overflow

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"