lfk/frontend
2
0
Fork 0
Code Issues 4 Pull Requests Actions Projects Releases Wiki Activity

general page cleanups

Browse Source 
let's go, devspeed 🚀
This commit is contained in:
Philipp Dormann
2021-01-03 18:14:31 +01:00
parent 5c218c64ab
commit 3f961dd3bd
6 changed files with 121 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/components/OrgDetail.svelte Normal file
View File

@@ -0,0 +1,83 @@
<script>
export let params;
</script>
<section class="container py-10 mx-auto sm:px-2">
<span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
Orgs
</span>
<p class="mb-8 text-lg text-gray-500">
configure the tracks/ min-max lap times
</p>
<div class="flex flex-row mb-4">
<div class="w-full">
<nav class="w-full flex">
<ol class="list-none flex flex-row items-center justify-start">
<li class="mr-2 flex items-center">
<svg
stroke="currentColor"
fill="none"
stroke-width="2"
viewBox="0 0 24 24"
stroke-linecap="round"
stroke-linejoin="round"
class="h-3 w-3 stroke-current"
height="1em"
width="1em"
xmlns="http://www.w3.org/2000/svg"><path
d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
<polyline points="9 22 9 12 15 12 15 22" /></svg>
</li>
<li class="flex items-center">
<a class="mr-2" href="/">Home</a><svg
stroke="currentColor"
fill="none"
stroke-width="2"
viewBox="0 0 24 24"
stroke-linecap="round"
stroke-linejoin="round"
class="h-3 w-3 mr-2 stroke-current"
height="1em"
width="1em"
xmlns="http://www.w3.org/2000/svg"><line
x1="5"
y1="12"
x2="19"
y2="12" />
<polyline points="12 5 19 12 12 19" /></svg>
</li>
<li class="mr-2 flex items-center">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"><path fill="none" d="M0 0h24v24H0z" />
<path
d="M21 20h2v2H1v-2h2V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v17zm-2 0V4H5v16h14zM8 11h3v2H8v-2zm0-4h3v2H8V7zm0 8h3v2H8v-2zm5 0h3v2h-3v-2zm0-4h3v2h-3v-2zm0-4h3v2h-3V7z" /></svg>
</li>
<li class="flex items-center">
<a class="mr-2" href="./">Orgs</a><svg
stroke="currentColor"
fill="none"
stroke-width="2"
viewBox="0 0 24 24"
stroke-linecap="round"
stroke-linejoin="round"
class="h-3 w-3 mr-2 stroke-current"
height="1em"
width="1em"
xmlns="http://www.w3.org/2000/svg"><line
x1="5"
y1="12"
x2="19"
y2="12" />
<polyline points="12 5 19 12 12 19" /></svg>
</li>
<li class="flex items-center">
<span class="mr-2">Org-Details #{params.orgid}</span>
</li>
</ol>
</nav>
</div>
</div>
</section>

24
src/components/Orgs.svelte
View File

@@ -2,18 +2,12 @@
import { _ } from "svelte-i18n";
</script>
<div class="flex min-h-screen">
<div class="w-full bg-white flex items-center justify-center ">
<div class="max-w-sm m-8">
<div class="text-black text-5xl md:text-15xl font-black">Orgs</div>
<div class="w-16 h-1 bg-purple-light my-3 md:my-6" />
<p
class="text-grey-darker text-2xl md:text-3xl font-light mb-8 leading-normal">
bla
</p>
<a
href="/"
class="bg-transparent text-grey-darkest font-bold uppercase tracking-wide py-3 px-6 border-2 border-grey-light hover:border-grey rounded-lg">{$_('goback')}</a>
</div>
</div>
</div>
<section class="container py-10 mx-auto sm:px-2">
<span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
Orgs
</span>
<p class="mb-8 text-lg text-gray-500">
configure the tracks/ min-max lap times
</p>
<nav><a class="underline" href="./1">Org 1</a></nav>
</section>

25
src/components/Runners.svelte
View File

@@ -2,22 +2,9 @@
import { _ } from "svelte-i18n";
</script>
<body class="antialiased font-sans">
<div class="flex min-h-screen">
<div class="w-full bg-white flex items-center justify-center ">
<div class="max-w-sm m-8">
<div class="text-black text-5xl md:text-15xl font-black">
Runners
</div>
<div class="w-16 h-1 bg-purple-light my-3 md:my-6" />
<p
class="text-grey-darker text-2xl md:text-3xl font-light mb-8 leading-normal">
bla
</p>
<a
href="/"
class="bg-transparent text-grey-darkest font-bold uppercase tracking-wide py-3 px-6 border-2 border-grey-light hover:border-grey rounded-lg">{$_('goback')}</a>
</div>
</div>
</div>
</body>
<section class="container py-10 mx-auto sm:px-2">
<span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
{$_('runners')}
</span>
<p class="mb-8 text-lg text-gray-500">läuft bei ihnen</p>
</section>

10
src/components/Teams.svelte Normal file
View File

@@ -0,0 +1,10 @@
<script>
import { _ } from "svelte-i18n";
</script>
<section class="container py-10 mx-auto sm:px-2">
<span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
{$_('teams')}
</span>
<p class="mb-8 text-lg text-gray-500">everything is more fun together 🏃‍♂️🏃‍♀️🏃‍♂️</p>
</section>

25
src/components/Users.svelte
View File

@@ -2,22 +2,9 @@
import { _ } from "svelte-i18n";
</script>
<body class="antialiased font-sans">
<div class="flex min-h-screen">
<div class="w-full bg-white flex items-center justify-center ">
<div class="max-w-sm m-8">
<div class="text-black text-5xl md:text-15xl font-black">
Users
</div>
<div class="w-16 h-1 bg-purple-light my-3 md:my-6" />
<p
class="text-grey-darker text-2xl md:text-3xl font-light mb-8 leading-normal">
bla
</p>
<a
href="/"
class="bg-transparent text-grey-darkest font-bold uppercase tracking-wide py-3 px-6 border-2 border-grey-light hover:border-grey rounded-lg">{$_('goback')}</a>
</div>
</div>
</div>
</body>
<section class="container py-10 mx-auto sm:px-2">
<span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
{$_('users')}
</span>
<p class="mb-8 text-lg text-gray-500">admin users</p>
</section>