Create route icons and components to place these icons.
This commit is contained in:
26
src/lib/components/mapIcons/SignallerChange.svelte
Normal file
26
src/lib/components/mapIcons/SignallerChange.svelte
Normal file
@@ -0,0 +1,26 @@
|
||||
<script lang="ts">
|
||||
import BaseTrack from '$lib/components/mapIcons/BaseTrack.svelte';
|
||||
|
||||
export let feature: {
|
||||
from: string;
|
||||
to: string;
|
||||
};
|
||||
|
||||
export let activeElec: any;
|
||||
</script>
|
||||
|
||||
<svg viewBox="0 0 64 64" width="64" height="64" style="overflow: visible;">
|
||||
<BaseTrack {activeElec} height={64} />
|
||||
|
||||
<line x1="-500" y1="32" x2="800" y2="32"
|
||||
stroke="#6366f1" stroke-width="2" stroke-dasharray="8 4" />
|
||||
|
||||
<g font-family="sans-serif" font-weight="800" font-size="11">
|
||||
<text x="70" y="24" fill="#4338ca" style="text-transform: uppercase;">
|
||||
{feature.from}
|
||||
</text>
|
||||
<text x="70" y="46" fill="#4338ca" style="text-transform: uppercase;">
|
||||
{feature.to}
|
||||
</text>
|
||||
</g>
|
||||
</svg>
|
||||
Reference in New Issue
Block a user