Prevented layout shift in navbar when scrollbar appears. (#29)

h3nryc0ding · Jan 7, 2024 · 771f449 · 771f449
1 parent b3d0bda
commit 771f449
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/frontend/src/lib/SiteHeader.svelte b/frontend/src/lib/SiteHeader.svelte
@@ -12,7 +12,7 @@
 </script>
 
 <header
-	class="supports-backdrop-blur:bg-background/60 sticky top-0 z-40 w-full border-b bg-background/95 shadow-sm backdrop-blur"
+	class="sticky top-0 z-50 w-full border-b bg-background/95 shadow-sm backdrop-blur supports-[backdrop-filter]:bg-background/60"
 >
 	<div class="container flex h-14 items-center">
 		<nav class="flex items-center space-x-6 text-sm font-medium">

diff --git a/frontend/src/routes/chat/+layout.svelte b/frontend/src/routes/chat/+layout.svelte
@@ -0,0 +1,3 @@
+<div class="container">
+	<slot />
+</div>