general UI cleanup

ref #23
This commit is contained in:
Philipp Dormann 2021-01-03 00:58:39 +01:00
parent 12eb207605
commit 0e5fbb8835
2 changed files with 89 additions and 89 deletions

View File

@ -80,81 +80,85 @@
</Route> </Route>
<Route path="/orgs/*"> <Route path="/orgs/*">
<Route path="/"> <Route path="/">
<h1>Portfolio introduction</h1> <div class="bg-white p-5">
<nav><a class="underline" href="./1">Org 1</a></nav> <h1>Portfolio introduction</h1>
<nav><a class="underline" href="./1">Org 1</a></nav>
</div>
<Orgs /> <Orgs />
</Route> </Route>
<Route path="/:orgid" let:params> <Route path="/:orgid" let:params>
<div class="flex flex-row mb-4"> <div class="bg-white p-5">
<div class="w-full"> <div class="flex flex-row mb-4">
<nav class="w-full flex"> <div class="w-full">
<ol <nav class="w-full flex">
class="list-none flex flex-row items-center justify-start"> <ol
<li class="mr-2 flex items-center"> class="list-none flex flex-row items-center justify-start">
<svg <li class="mr-2 flex items-center">
stroke="currentColor" <svg
fill="none" stroke="currentColor"
stroke-width="2" fill="none"
viewBox="0 0 24 24" stroke-width="2"
stroke-linecap="round" viewBox="0 0 24 24"
stroke-linejoin="round" stroke-linecap="round"
class="h-3 w-3 stroke-current" stroke-linejoin="round"
height="1em" class="h-3 w-3 stroke-current"
width="1em" height="1em"
xmlns="http://www.w3.org/2000/svg"><path width="1em"
d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" /> xmlns="http://www.w3.org/2000/svg"><path
<polyline points="9 22 9 12 15 12 15 22" /></svg> d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
</li> <polyline points="9 22 9 12 15 12 15 22" /></svg>
<li class="flex items-center"> </li>
<a class="mr-2" href="/">Home</a><svg <li class="flex items-center">
stroke="currentColor" <a class="mr-2" href="/">Home</a><svg
fill="none" stroke="currentColor"
stroke-width="2" fill="none"
viewBox="0 0 24 24" stroke-width="2"
stroke-linecap="round" viewBox="0 0 24 24"
stroke-linejoin="round" stroke-linecap="round"
class="h-3 w-3 mr-2 stroke-current" stroke-linejoin="round"
height="1em" class="h-3 w-3 mr-2 stroke-current"
width="1em" height="1em"
xmlns="http://www.w3.org/2000/svg"><line width="1em"
x1="5" xmlns="http://www.w3.org/2000/svg"><line
y1="12" x1="5"
x2="19" y1="12"
y2="12" /> x2="19"
<polyline points="12 5 19 12 12 19" /></svg> y2="12" />
</li> <polyline points="12 5 19 12 12 19" /></svg>
<li class="mr-2 flex items-center"> </li>
<svg <li class="mr-2 flex items-center">
xmlns="http://www.w3.org/2000/svg" <svg
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
width="24" viewBox="0 0 24 24"
height="24"><path fill="none" d="M0 0h24v24H0z" /> width="24"
<path height="24"><path fill="none" d="M0 0h24v24H0z" />
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> <path
</li> 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 class="flex items-center"> </li>
<a class="mr-2" href="./">Orgs</a><svg <li class="flex items-center">
stroke="currentColor" <a class="mr-2" href="./">Orgs</a><svg
fill="none" stroke="currentColor"
stroke-width="2" fill="none"
viewBox="0 0 24 24" stroke-width="2"
stroke-linecap="round" viewBox="0 0 24 24"
stroke-linejoin="round" stroke-linecap="round"
class="h-3 w-3 mr-2 stroke-current" stroke-linejoin="round"
height="1em" class="h-3 w-3 mr-2 stroke-current"
width="1em" height="1em"
xmlns="http://www.w3.org/2000/svg"><line width="1em"
x1="5" xmlns="http://www.w3.org/2000/svg"><line
y1="12" x1="5"
x2="19" y1="12"
y2="12" /> x2="19"
<polyline points="12 5 19 12 12 19" /></svg> y2="12" />
</li> <polyline points="12 5 19 12 12 19" /></svg>
<li class="flex items-center"> </li>
<span class="mr-2">Org-Details #{params.orgid}</span> <li class="flex items-center">
</li> <span class="mr-2">Org-Details #{params.orgid}</span>
</ol> </li>
</nav> </ol>
</nav>
</div>
</div> </div>
</div> </div>
</Route> </Route>

View File

@ -2,22 +2,18 @@
import { _ } from "svelte-i18n"; import { _ } from "svelte-i18n";
</script> </script>
<body class="antialiased font-sans"> <div class="flex min-h-screen">
<div class="flex min-h-screen"> <div class="w-full bg-white flex items-center justify-center ">
<div class="w-full bg-white flex items-center justify-center "> <div class="max-w-sm m-8">
<div class="max-w-sm m-8"> <div class="text-black text-5xl md:text-15xl font-black">Orgs</div>
<div class="text-black text-5xl md:text-15xl font-black"> <div class="w-16 h-1 bg-purple-light my-3 md:my-6" />
Orgs <p
</div> class="text-grey-darker text-2xl md:text-3xl font-light mb-8 leading-normal">
<div class="w-16 h-1 bg-purple-light my-3 md:my-6" /> bla
<p </p>
class="text-grey-darker text-2xl md:text-3xl font-light mb-8 leading-normal"> <a
bla href="/"
</p> 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>
<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>
</div> </div>
</body> </div>