ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

Make map landmass dots more prominent in both themes

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Usman Baig
2026-03-09 15:05:28 +01:00
parent f58154f18d
commit c065853800
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/dashboard/DottedMap.tsx
View File

@@ -22,7 +22,7 @@ function getCountryName(code: string): string {
export default function DottedMap({ data, className }: DottedMapProps) { export default function DottedMap({ data, className }: DottedMapProps) {
const width = 150 const width = 150
const height = 68 const height = 68
const dotRadius = 0.2 const dotRadius = 0.25
const [tooltip, setTooltip] = useState<{ x: number; y: number; country: string; pageviews: number } | null>(null) const [tooltip, setTooltip] = useState<{ x: number; y: number; country: string; pageviews: number } | null>(null)
const { points, addMarkers } = createMap({ width, height, mapSamples: 8000 }) const { points, addMarkers } = createMap({ width, height, mapSamples: 8000 })
@@ -78,7 +78,7 @@ export default function DottedMap({ data, className }: DottedMapProps) {
<div className="relative w-full h-full flex items-center justify-center"> <div className="relative w-full h-full flex items-center justify-center">
<svg <svg
viewBox={`0 0 ${width} ${height}`} viewBox={`0 0 ${width} ${height}`}
className={cn('text-neutral-300 dark:text-neutral-700', className)} className={cn('text-neutral-400 dark:text-neutral-500', className)}
style={{ width: '100%', height: 'auto', maxHeight: '100%' }} style={{ width: '100%', height: 'auto', maxHeight: '100%' }}
> >
<defs> <defs>