From 875c94d0bc4906064131ad2e4c96bdfd8d1344e8 Mon Sep 17 00:00:00 2001
From: Ax333l <main@axelen.xyz>
Date: Fri, 25 Nov 2022 22:35:02 +0100
Subject: [PATCH] fix: position: fixed being broken

broken css feature is broken.
I want position: fixed to explod
---
 src/app.css                                 |  5 +++--
 src/lib/components/molecules/NavHost.svelte | 12 +++++++++---
 src/routes/+layout.svelte                   |  2 +-
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/app.css b/src/app.css
index fd14ad1..1225a1c 100644
--- a/src/app.css
+++ b/src/app.css
@@ -13,18 +13,19 @@ html {
     padding: 0;
     font-size: 100%;
     box-sizing: border-box;
-    overflow-y: scroll;
 }
 
 body {
     margin: 0;
     padding: 0;
     background-color: var(--bg-color);
+    overflow: hidden;
 }
 
 html,
 body {
-    max-width: 100vw;
+    width: 100vw;
+    overflow: auto;
 }
 
 .wrapper {
diff --git a/src/lib/components/molecules/NavHost.svelte b/src/lib/components/molecules/NavHost.svelte
index b8e993d..7a70b3d 100644
--- a/src/lib/components/molecules/NavHost.svelte
+++ b/src/lib/components/molecules/NavHost.svelte
@@ -70,15 +70,21 @@
 </nav>
 
 <style>
+  nav {
+    position: fixed;
+    width: 100vw;
+    top: 0;
+    left: 0;
+    z-index: 999;
+  }
   .navbar {
 	  padding: 0 1rem 0 2rem;
-	  top: 0;
-	  position: fixed;
+
 	  display: flex;
 	  align-items: center;
 	  justify-content: space-between;
 	  min-height: 70px;
-	  width: 100vw;
+	  width: 100%;
 	  z-index: 999;
 	  background-color: var(--grey-six);
 	  backdrop-filter: blur(15px);
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index ad5d2eb..72348be 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -35,7 +35,7 @@
 {#if $show_loading_animation}
 	<Spinner />
 {:else}
-	<slot />
+  <slot />
 {/if}
 <!--
      afn if you are moving the footer here, please make it not use the repositories store directly and instead use component props :) -->