fix #126

Merged
philipp merged 4 commits from bugfix/125-mobile into dev 2021-04-08 15:27:25 +00:00
Showing only changes of commit ffbc243194 - Show all commits

View File

@ -5,7 +5,7 @@
import { router } from "tinro";
import NoComponentLoaded from "../base/NoComponentLoaded.svelte";
import { AuthService } from "@odit/lfk-client-js";
$: navOpen = true;
$: navOpen = false;
function logout() {
localForage.clear();
location.replace("/");
@ -14,15 +14,19 @@
<style>
.collapsed_navigation {
@apply -translate-x-full;
transform: translateX(-100%);
}
@media (min-width: 768px) {
.collapsed_navigation {
transform: translateX(0px);
}
}
</style>
<section class="min-h-screen bg-gray-50">
<div
class:collapsed_navigation={!navOpen}
class:translate-x-0={navOpen}
class="select-none fixed top-0 left-0 z-20 h-full pb-10 overflow-x-hidden overflow-y-auto transition origin-left transform border-r w-60 md:translate-x-0 bg-gray-50">
class="select-none fixed top-0 left-0 z-20 h-full pb-10 overflow-x-hidden overflow-y-auto transition origin-left transform border-r w-60 bg-gray-50">
<a href="/" class="flex items-center px-4 py-5">
<img src="/lfk-logo.png" alt="Logo" class="h-10" />
<h3 class="text-lg">Lauf für Kaya! Admin</h3>