Center header nav.

nikoshell · nikoshell · commit 081fe45b9199 · 2025-04-03T09:31:29.000+02:00
diff --git a/src/components/header/header-actions.astro b/src/components/header/header-actions.astro
@@ -13,7 +13,7 @@ const { mobile = false }: Props = Astro.props;
 const IS_LIVE = false;
 ---
 
-<div class="ml-auto flex items-center space-x-4">
+<div class="flex items-center justify-end gap-2 w-1/3">
   <Search
     id="search"
     className="pagefind-ui"
@@ -116,7 +116,8 @@ const IS_LIVE = false;
     --pagefind-ui-border: #d8d8d8;
     --pagefind-ui-border-width: 2px;
     --pagefind-ui-border-radius: 0;
-    width: 50%;
+    width:50%;
+    min-width: 10vw;
   }
   .pagefind-ui.yellow {
     --pagefind-ui-background: #efc302;
diff --git a/src/components/header/header.astro b/src/components/header/header.astro
@@ -7,7 +7,7 @@ import HeaderLogo from "./header-logo.astro";
 const links = JSON.parse(await fs.readFile("./src/data/links.json", "utf-8"));
 ---
 
-<header class="p-6 flex items-center relative z-40">
+<header class="p-6 flex items-center justify-between relative z-40">
   <input
     type="checkbox"
     name="mobile-controls"
@@ -18,7 +18,7 @@ const links = JSON.parse(await fs.readFile("./src/data/links.json", "utf-8"));
 
   <HeaderLogo />
 
-  <nav class="mr-auto hidden xl:block">
+  <nav class="hidden xl:block">
     <NavItems items={links.header} />
   </nav>
 
diff --git a/src/pages/test_components.astro b/src/pages/test_components.astro
@@ -11,6 +11,11 @@ import Icon from "@ui/Icon.astro"
   description=""
 >
 
+<head>
+  <meta name="robots" content="noindex, nofollow" />
+</head>
+
+
 <Headline as="h1" id="components" title="Example components" />
 <section class="prose-xl my-10">
     <Headline id="button" title="Button" />
