navbar stick to top

XanderG2 · Apr 23, 2024 · 58e7d30 · 58e7d30
1 parent 05ae2af
commit 58e7d30
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/website/index.html b/website/index.html
@@ -10,6 +10,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
   </head>
   <body>
+    <div style="height:27px"></div>
     <div id="navbar"></div>
     <main id="main"><div id="buttons"></div><div id="right"><div id="results"><div id="uncompleted"><h1>Uncompleted</h1></div><div id="completed"><h1>Completed</h1></div></div></div></div></main>
     <script src="script.js"></script>

diff --git a/website/style.css b/website/style.css
@@ -36,6 +36,10 @@ main {
 
 #navbar {
   margin-bottom:10px;
+  position: fixed;
+  top: 0;
+  min-width: 99vw;
+  background-color: white;
 }
 
 @media (min-width: 651px) {