svg-pan-zoom, and react19 <3

eloicasamayor · Dec 6, 2024 · 89f0b2c · 89f0b2c
1 parent 7fe93a3
commit 89f0b2c
Show file tree

Hide file tree

Showing 4 changed files with 1,621 additions and 1,649 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,9 +10,10 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-router-dom": "^7.0.1"
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-router-dom": "^7.0.1",
+    "svg-pan-zoom": "^3.6.2"
   },
   "devDependencies": {
     "@eslint/js": "^9.13.0",

diff --git a/src/App.css b/src/App.css
@@ -22,23 +22,13 @@ body {
 }
 
 .map-container {
-  flex-grow: 1;
-  width: "100%";
-}
-
-.map-box {
-  mask-clip: content-box;
-  height: 400px;
-  overflow: scroll;
+  height: 250px;
 }
 
 @media (min-width: 1250px) {
   #country-info {
     width: 400px;
   }
-  .map-box {
-    height: 100vh;
-  }
   .app-page {
     flex-direction: row;
   }