Selaa lähdekoodia

fix: ghost dot 10px, gradient to 75%

neyrogovnarik 1 kuukausi sitten
vanhempi
sitoutus
b4420ffc3a
1 muutettua tiedostoa jossa 4 lisäystä ja 4 poistoa
  1. 4 4
      frontend/src/lib/map.ts

+ 4 - 4
frontend/src/lib/map.ts

@@ -27,14 +27,14 @@ const MARKER_COLORS: Record<string, string> = {
 
 function createIcon(type: string, size: number, ghost?: boolean): L.DivIcon {
   const color = ghost
-    ? 'radial-gradient(circle, rgba(255, 229, 0, 0.8) 0%, rgba(255, 229, 0, 0.2) 50%, rgba(255, 229, 0, 0) 70%)'
+    ? 'radial-gradient(circle, rgba(255, 229, 0, 0.8) 0%, rgba(255, 229, 0, 0) 75%)'
     : MARKER_COLORS[type] || '#3b82f6'
 
   if (type === 'location') {
     const locStyle = ghost
-      ? `width:20px;height:20px;background:radial-gradient(circle, rgba(255, 229, 0, 0.8) 0%, rgba(255, 229, 0, 0.2) 50%, rgba(255, 229, 0, 0) 70%);border-radius:50%`
+      ? `width:10px;height:10px;background:radial-gradient(circle, rgba(255, 229, 0, 0.8) 0%, rgba(255, 229, 0, 0) 75%);border-radius:50%`
       : `width:12px;height:12px;background:#3b82f6;border-radius:50%;border:3px solid white;box-shadow:0 0 0 4px rgba(59,130,246,0.3)`
-    const s = ghost ? 20 : 20
+    const s = ghost ? 10 : 20
     return L.divIcon({
       className: '',
       iconSize: [s, s],
@@ -43,7 +43,7 @@ function createIcon(type: string, size: number, ghost?: boolean): L.DivIcon {
     })
   }
 
-  const ghostSize = 20
+  const ghostSize = 10
   const style = ghost
     ? `width:${ghostSize}px;height:${ghostSize}px;background:${color};border-radius:50%`
     : `width:${size}px;height:${size}px;background:${color};border-radius:50%;border:${size > 20 ? '3px' : '2px'} solid white;box-shadow:0 2px 8px rgba(0,0,0,0.3)`