style: increase map scale and adjust vertical alignment

2026-01-16 20:22:52 +01:00
parent 7606e9709b
commit ff950b69f6
1 changed files with 2 additions and 2 deletions
--- a/components/dashboard/WorldMap.tsx
+++ b/components/dashboard/WorldMap.tsx
@@ -45,8 +45,8 @@ const WorldMap = ({ data }: WorldMapProps) => {
  
  return (
    <div className="relative w-full h-[300px] bg-neutral-50 dark:bg-neutral-900/50 rounded-lg overflow-hidden border border-neutral-100 dark:border-neutral-800">
-      <ComposableMap projectionConfig={{ rotate: [-10, 0, 0], scale: 160, center: [0, 15] }}>
-        <ZoomableGroup maxZoom={1}>
+      <ComposableMap projectionConfig={{ rotate: [-10, 0, 0], scale: 200, center: [0, 10] }}>
+        <ZoomableGroup maxZoom={1} translateExtent={[[0, 0], [800, 600]]}>
          <Geographies geography={geoUrl}>
            {({ geographies }) =>
              geographies