Tone down waypoint highlight: 24→28px, keep font size unchanged
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
705252a1c6
commit
eebf694d1a
1 changed files with 2 additions and 2 deletions
|
|
@ -16,7 +16,7 @@ import "leaflet/dist/leaflet.css";
|
|||
|
||||
function waypointIcon(index: number, overnight?: boolean, highlighted?: boolean): L.DivIcon {
|
||||
const bg = overnight ? "#8B6D3A" : "#2563eb";
|
||||
const size = highlighted ? 30 : 24;
|
||||
const size = highlighted ? 28 : 24;
|
||||
const offset = size / 2;
|
||||
const ring = highlighted ? `outline:3px solid ${bg};outline-offset:2px;` : "";
|
||||
return L.divIcon({
|
||||
|
|
@ -25,7 +25,7 @@ function waypointIcon(index: number, overnight?: boolean, highlighted?: boolean)
|
|||
width:${size}px;height:${size}px;border-radius:50%;
|
||||
background:${bg};color:white;
|
||||
display:flex;align-items:center;justify-content:center;
|
||||
font-size:${highlighted ? 14 : 12}px;font-weight:600;
|
||||
font-size:12px;font-weight:600;
|
||||
border:2px solid white;box-shadow:0 1px 4px rgba(0,0,0,0.3);
|
||||
transform:translate(-${offset}px,-${offset}px);
|
||||
${ring}transition:all 0.15s ease;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue