custom css fix for collapsed_navigation

ref #125

src/components/dashboard/Dashboard.svelte

@@ -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>