sticky navbar

2026-09-16 09:54:18 +02:00 · 2026-09-16 09:54:18 +02:00 · e681b5c196
commit e681b5c196
parent 124e2a87dd
3 changed files with 99 additions and 110 deletions
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@ -2,7 +2,7 @@
 import path from "../utils/path.ts"
 ---

-<div class="navbar bg-base-100 shadow-sm z-20">
+<div class="navbar bg-base-100 shadow-sm z-20 sticky top-0">
  <div class="navbar-start w-fit max-h-14">
    <div class="dropdown">
      <div tabindex="0" role="button" class="btn btn-ghost sm:hidden">
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@ -15,17 +15,8 @@ const props = Astro.props
  <meta name="generator" content={Astro.generator}/>
  <title>DIDAYS 2026{props.title ? ` | ${props.title}` : ""}</title>
 </head>
-<body>
+<body class="w-full min-h-screen m-0">
  <Navbar/>
  <slot/>
 </body>
 </html>
-
-<style>
-    html,
-    body {
-        margin: 0;
-        width: 100%;
-        height: 100%;
-    }
-</style>
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@ -6,7 +6,6 @@ import path from "../utils/path.ts"
 ---

 <Layout>
-  <div class="relative">
  <div class="flex flex-col overflow-x-hidden">
    <h1 class="text-6xl font-bold mt-8 mb-4 flex justify-center">
      <img src={path(import.meta.env.BASE_URL, "/logo.svg")} alt="Logo von den DiDays 2026 in Hamburg"
@ -120,7 +119,6 @@ import path from "../utils/path.ts"
      schauen“ möchten.
    </p>
  </div>
-  </div>


  <Footer/>