diff options
| author | Ariel Costas Guerrero <ariel@costas.dev> | 2025-11-17 18:06:01 +0100 |
|---|---|---|
| committer | Ariel Costas Guerrero <ariel@costas.dev> | 2025-11-17 18:06:01 +0100 |
| commit | e6cff4e94e16deaebcfa986d5943caf4c69b7f6c (patch) | |
| tree | a54f4e2c260eec37b9bbb24d35903032550713ed /src/frontend/app | |
| parent | ef86a09ee8d8fc287b382cf9092af8726b44ceae (diff) | |
Implement showing traffic density with municipal data
Diffstat (limited to 'src/frontend/app')
| -rw-r--r-- | src/frontend/app/root.css | 11 | ||||
| -rw-r--r-- | src/frontend/app/routes/map.tsx | 5 |
2 files changed, 9 insertions, 7 deletions
diff --git a/src/frontend/app/root.css b/src/frontend/app/root.css index e832e96..6331140 100644 --- a/src/frontend/app/root.css +++ b/src/frontend/app/root.css @@ -54,8 +54,8 @@ --text-color: #ffffff; --subtitle-color: #bbbbbb; --border-color: #444444; - --button-background-color: #1e88e5; - --button-hover-background-color: #1565c0; + --button-background-color: #1f93f2; + --button-hover-background-color: #1872d9; --button-disabled-background-color: #555555; --star-color: #ffcc00; --message-background-color: #333333; @@ -144,16 +144,17 @@ body { } .navigation-bar__link svg { - width: 1.75rem; - height: 1.75rem; + width: 1.5rem; + height: 1.5rem; margin-bottom: 5px; fill: none; stroke-width: 2; } .navigation-bar__link span { - font-size: 14px; + font-size: 13px; line-height: 1; + font-family: system-ui; } .navigation-bar__link.active { diff --git a/src/frontend/app/routes/map.tsx b/src/frontend/app/routes/map.tsx index 40be174..d520e5a 100644 --- a/src/frontend/app/routes/map.tsx +++ b/src/frontend/app/routes/map.tsx @@ -2,7 +2,7 @@ import StopDataProvider, { type Stop } from "../data/StopDataProvider"; import "./map.css"; import { useEffect, useRef, useState } from "react"; -import { useApp } from "../AppContext"; +import { useApp } from "~/AppContext"; import Map, { AttributionControl, GeolocateControl, @@ -163,6 +163,7 @@ export default function StopMap() { <Layer id="stops" type="symbol" + minzoom={13} source="stops-source" layout={{ "icon-image": [ @@ -171,7 +172,7 @@ export default function StopMap() { `stop-${region}-cancelled`, `stop-${region}`, ], - "icon-size": ["interpolate", ["linear"], ["zoom"], 11, 0.7, 18, 1.0], + "icon-size": ["interpolate", ["linear"], ["zoom"], 13, 0.4, 14, 0.7, 18, 1.0], "icon-allow-overlap": true, "icon-ignore-placement": true, }} |