fix: wide screen content overflow

2 years ago · 63a34fd90c
parent a00425a2ef
commit 63a34fd90c
1 changed files with 14 additions and 3 deletions
--- 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"