From 5c83e8637af5079275beef4f9f2fce58fbc1815a Mon Sep 17 00:00:00 2001
From: "V. Claire Olmstead" <43625033+claireolmstead@users.noreply.github.com>
Date: Wed, 17 Jan 2024 14:32:34 -0800
Subject: [PATCH] hot fix. Nav not fixed (#93)

Hot fix for #70

Problem: was not position: fixed.

Co-authored-by: Claire Olmstead <olmsteadclaire@gmail.com>
---
 src/components/Nav.svelte | 2 +-
 src/routes/+layout.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte
index aa53b76a..ba949244 100644
--- a/src/components/Nav.svelte
+++ b/src/components/Nav.svelte
@@ -16,7 +16,7 @@
   const logout = () => {};
 </script>
 
-<div class="bg-bg-black w-[126px] min-w-[126px] h-screen flex flex-col justify-center items-center">
+<div class="bg-bg-black w-[126px] min-w-[126px] h-screen flex flex-col justify-center items-center fixed">
   <img alt="iconLogo" src={iconLogo} class="w-[57px] absolute top-7 left-6" />
   <div class="flex flex-col w-[100%]">
     {#each navItems as navItem}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index d2cd3a8b..22966c9d 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -8,7 +8,7 @@
   <img alt="The project logo" src={wave} class="fixed w-[100%] top-0 right-0 z-[-1]" />
   <div class="flex">
     <Nav />
-    <div class="m-6 w-[100%]">
+    <div class="m-6 w-[100%] pl-[126px]">
       <Header />
       <slot class="z-10" />
     </div>