Fix weird scrolling caused by sidebar

DanielPower · Nov 8, 2023 · fa47cfe · fa47cfe
1 parent f97a38f
commit fa47cfe
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -119,7 +119,7 @@
 
 	@media (max-width: 600px) {
 		.sidebar {
-			position: absolute;
+			position: fixed;
 			left: -100%;
 			width: 100%;
 			height: 100%;
@@ -129,5 +129,8 @@
 			left: 0;
 			opacity: 100%;
 		}
+		.topbar {
+			padding: 0.75rem;
+		}
 	}
 </style>
diff --git a/src/routes/Sidebar.svelte b/src/routes/Sidebar.svelte
@@ -9,19 +9,17 @@
 	<a href="/" on:click={close}>Today</a>
 	<a href="/agenda" on:click={close}>Agenda</a>
 </nav>
+<div class="gradient" />
 
 <style>
 	nav {
 		background: wheat;
-		padding: 1rem;
-		height: 100%;
-	}
-	nav {
 		display: flex;
 		flex-direction: column;
-		gap: 1rem;
+		height: 100%;
 	}
 	nav a {
+		padding: 1rem;
 		color: black;
 		text-decoration: none;
 	}