remove navigation

frullah · frullah · commit 4f63d6701359 · 2021-05-21T14:38:37.000+07:00
remove useless nav code
diff --git a/src/components/Layout/Nav.svelte b/src/components/Layout/Nav.svelte
@@ -1,9 +1,5 @@
 <script>
-  import Button from "../Button.svelte";
-  import Icon from "../Icon.svelte";
-
   let navState = false;
-  const links = [{ href: "#home", text: "Home" }];
 
   function closeNav() {
     navState = false;
@@ -21,49 +17,5 @@
       class:hidden={!navState}
       class="fixed inset-0 z-10 bg-gray-900 opacity-50 sm:hidden hidden"
     />
-
-    <Button class="m-0 ml-2 block sm:hidden" on:click={() => (navState = true)}>
-      <Icon class="text-xl" name="bars" />
-    </Button>
-
-    <nav class:open={navState}>
-      <Button class="sm:hidden block ml-auto" on:click={closeNav}>
-        <Icon class="text-2xl" name="times" />
-      </Button>
-      <ul>
-        {#each links as link}
-          <li><a on:click={closeNav} href={link.href}>{link.text}</a></li>
-        {/each}
-      </ul>
-    </nav>
   </div>
 </header>
-
-<style lang="scss">
-  nav {
-    @apply fixed
-      sm:static
-      inset-y-0
-      right-0
-      sm:w-auto
-      w-[256px]
-      transform
-      translate-x-full
-      sm:translate-x-0
-      transition
-      duration-200
-      sm:block
-      bg-white
-      z-20;
-
-    &.open {
-      @apply block
-        translate-x-0
-        ease-out;
-    }
-
-    & ul li a {
-      @apply block py-2.5 px-4 font-medium hover:text-primary-600;
-    }
-  }
-</style>
