usa map: fix sizing

This commit is contained in:
mantikoros 2022-10-05 17:33:02 -05:00
parent a3b841423f
commit f8660968de

View File

@ -1,6 +1,7 @@
// https://github.com/jb-1980/usa-map-react // https://github.com/jb-1980/usa-map-react
// MIT License // MIT License
import clsx from 'clsx'
import { DATA } from './data' import { DATA } from './data'
import { USAState } from './usa-state' import { USAState } from './usa-state'
@ -65,9 +66,8 @@ export const USAMap = ({
const stateClickHandler = (state: string) => customize?.[state]?.clickHandler const stateClickHandler = (state: string) => customize?.[state]?.clickHandler
return ( return (
<div className="flex w-full">
<svg <svg
className={className} className={clsx('flex h-96 w-full sm:h-full', className)}
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 959 593" viewBox="0 0 959 593"
> >
@ -99,6 +99,5 @@ export const USAMap = ({
</g> </g>
</g> </g>
</svg> </svg>
</div>
) )
} }