style: adjust map aspect ratio to 2:1 and center to fix proportions and visibility
This commit is contained in:
@@ -46,9 +46,9 @@ const WorldMap = ({ data }: WorldMapProps) => {
|
|||||||
return (
|
return (
|
||||||
<div className="relative w-full">
|
<div className="relative w-full">
|
||||||
<ComposableMap
|
<ComposableMap
|
||||||
width={475}
|
width={800}
|
||||||
height={335}
|
height={400}
|
||||||
projectionConfig={{ rotate: [-10, 0, 0], scale: 120, center: [0, 15] }}
|
projectionConfig={{ rotate: [-10, 0, 0], scale: 145, center: [0, 0] }}
|
||||||
className="w-full h-auto"
|
className="w-full h-auto"
|
||||||
>
|
>
|
||||||
<Geographies geography={geoUrl}>
|
<Geographies geography={geoUrl}>
|
||||||
|
|||||||
Reference in New Issue
Block a user