Add NearestStations Card & Location monitor

This commit is contained in:
2026-03-30 23:34:12 +01:00
parent 4a969e626c
commit 777519ff5d
16 changed files with 465 additions and 390 deletions

View File

@@ -1,53 +1,56 @@
<script lang="ts">
interface Props {
toc: string;
}
interface Props {
toc: string;
}
let {
toc
}: Props = $props();
let { toc }: Props = $props();
let code = $derived(toc.toUpperCase());
let code = $derived(toc.toUpperCase());
</script>
<div class="toc-container {code}">
{code}
{code}
</div>
<style>
.toc-container {
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px 8px;
font-weight: 800;
background-color: #333;
color: #fff;
}
.toc-container {
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px 8px;
font-weight: 800;
background-color: #333;
color: #fff;
}
.GW { /* Great Western Railway */
background: #004225;
color: #E2E2E2;
}
.GW {
/* Great Western Railway */
background: #004225;
color: #e2e2e2;
}
.GR { /* LNER */
background-color: #C00000;
color: #FFFFFF;
}
.GR {
/* LNER */
background-color: #c00000;
color: #ffffff;
}
.VT { /* Avanti West Coast */
background-color: #004354;
color: #FFFFFF;
}
.VT {
/* Avanti West Coast */
background-color: #004354;
color: #ffffff;
}
.SW { /* South Western Railway */
background-color: #2A3389;
color: #FFFFFF;
}
.SW {
/* South Western Railway */
background-color: #2a3389;
color: #ffffff;
}
.XC { /* CrossCountry */
background-color: #660000;
color: #E4D5B1;
}
</style>
.XC {
/* CrossCountry */
background-color: #660000;
color: #e4d5b1;
}
</style>