TracksOverview route

This commit is contained in:
Philipp Dormann 2021-01-03 13:44:22 +01:00
parent 05306c75a5
commit f3f318fd01
3 changed files with 28 additions and 0 deletions

View File

@ -42,6 +42,8 @@
import Orgs from "./components/Orgs.svelte";
import Runners from "./components/Runners.svelte";
import Footer from "./components/Footer.svelte";
import Tracks from "./components/Tracks.svelte";
import TracksOverview from "./components/TracksOverview.svelte";
store.init();
// if ("serviceWorker" in navigator) {

View File

@ -116,6 +116,18 @@
d="M9.83 8.79L8 9.456V13H6V8.05h.015l5.268-1.918c.244-.093.51-.14.782-.131a2.616 2.616 0 0 1 2.427 1.82c.186.583.356.977.51 1.182A4.992 4.992 0 0 0 19 11v2a6.986 6.986 0 0 1-5.402-2.547l-.581 3.297L15 15.67V23h-2v-5.986l-2.05-1.987-.947 4.298-6.894-1.215.348-1.97 4.924.868L9.83 8.79zM13.5 5.5a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" /></svg>
<span>Runners</span>
</a>
<a
class:bg-gray-100={$router.path === '/tracks/'}
class="flex items-center px-4 py-3 text-gray-900 transition cursor-pointer group hover:bg-gray-100 hover:text-gray-900"
href="/tracks/">
<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path
d="M0 0h24v24H0z"
class="flex-shrink-0 w-5 h-5 mr-2 text-gray-400 transition group-hover:text-gray-600"
fill="none" />
<path
d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z" /></svg>
<span>Tracks</span>
</a>
<a
class:bg-gray-100={activePage === 'blub'}
class="flex items-center px-4 py-3 transition cursor-pointer group hover:bg-gray-100 hover:text-gray-900"

View File

@ -0,0 +1,14 @@
<script>
import { _ } from "svelte-i18n";
import Tracks from "./Tracks.svelte";
</script>
<section class="container py-10 mx-auto sm:px-2">
<span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
Tracks
</span>
<p class="mb-16 text-lg text-gray-500">
configure the tracks/ min-max lap times
</p>
<Tracks />
</section>