adjust map size and colors

sfbrigade · Dec 12, 2024 · b221269 · b221269
1 parent 6c709f3
commit b221269
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/app/components/map.tsx b/app/components/map.tsx
@@ -104,7 +104,7 @@ const Map = () => {
           type: "fill",
           paint: {
             "fill-color": "#F6AD55", // orange/300
-            "fill-opacity": 0.25, // 25% opacity
+            "fill-opacity": 0.5, // 50% opacity
           },
         });
 
@@ -113,8 +113,8 @@ const Map = () => {
           source: "tsunami",
           type: "fill",
           paint: {
-            "fill-color": "#63B3ED", // blue/300
-            "fill-opacity": 0.25, // 25% opacity
+            "fill-color": "#ED64A6", // pink/400
+            "fill-opacity": 0.5, // 50% opacity
           },
         });
 
@@ -126,7 +126,7 @@ const Map = () => {
             "circle-radius": 4.5,
             "circle-stroke-width": 1,
             "circle-stroke-color": "#FFFFFF",
-            "circle-color": "#a0aec0", // gray/400
+            "circle-color": "#171923", // gray/900
           },
         });
       });

diff --git a/app/page.tsx b/app/page.tsx
@@ -25,7 +25,6 @@ const Home = () => {
       </Box>
       <Box
         w={{ base: "base", xl: "xl" }}
-        // w="base"
         p={{
           base: "23px 24px 16px 24px",
           md: "37px 27px 16px 26px",
@@ -35,8 +34,7 @@ const Home = () => {
       >
         <Report />
       </Box>
-      {/* <Box w="base" h={{ base: "323px", md: "411px", xl: "462px" }} m="auto"> */}
-      <Box w="base" h={{ base: "646px", md: "822px", xl: "924px" }} m="auto">
+      <Box w="base" h={{ base: "323px", md: "411px", xl: "462px" }} m="auto">
         <Box
           h="100%"
           border="1px solid"