From 9e471c7bf3f1b9d0c0f3200a3a60ea3dd7670634 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Sat, 18 Apr 2026 11:06:52 +0200
Subject: [PATCH] =?UTF-8?q?refactor(nav):=20Pfeil-Icon=20im=20Header=20sta?=
 =?UTF-8?q?tt=20gro=C3=9Fem=20Zur=C3=BCck-Pill?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der neu eingefügte Admin-Pill war zu prominent für seinen Zweck. Raus
damit. Stattdessen zeigt der Haupt-Header auf allen Nicht-Hauptseiten
links einen ArrowLeft-Icon-Link zur Startseite — platzsparend und
konsistent über alle Sub-Seiten (Admin, Rezept, Preview, Wunschliste…).
Auf der Startseite selbst bleibt das „Kochwas"-Wortmarke stehen.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/routes/+layout.svelte       | 24 ++++++++++++++++++++++--
 src/routes/admin/+layout.svelte | 24 ------------------------
 2 files changed, 22 insertions(+), 26 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 0e37219..381841c 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,7 +2,7 @@
   import { onMount } from 'svelte';
   import { page } from '$app/stores';
   import { goto, afterNavigate } from '$app/navigation';
-  import { Settings, CookingPot, Utensils, Menu, BookOpen } from 'lucide-svelte';
+  import { Settings, CookingPot, Utensils, Menu, BookOpen, ArrowLeft } from 'lucide-svelte';
   import { profileStore } from '$lib/client/profile.svelte';
   import { wishlistStore } from '$lib/client/wishlist.svelte';
   import { pwaStore } from '$lib/client/pwa.svelte';
@@ -216,7 +216,13 @@
 
 <header class="bar">
   <div class="bar-inner">
-    <a href="/" class="brand">Kochwas</a>
+    {#if $page.url.pathname === '/'}
+      <a href="/" class="brand">Kochwas</a>
+    {:else}
+      <a href="/" class="home-back" aria-label="Zurück zur Startseite">
+        <ArrowLeft size={22} strokeWidth={2} />
+      </a>
+    {/if}
     {#if showHeaderSearch}
       <div class="nav-search-wrap" bind:this={navContainer}>
         <form class="nav-search" onsubmit={submitNav} role="search">
@@ -407,6 +413,20 @@
     color: #2b6a3d;
     flex-shrink: 0;
   }
+  .home-back {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    border-radius: 999px;
+    color: #2b6a3d;
+    text-decoration: none;
+    flex-shrink: 0;
+  }
+  .home-back:hover {
+    background: #f4f8f5;
+  }
   .nav-search-wrap {
     position: relative;
     flex: 1;
diff --git a/src/routes/admin/+layout.svelte b/src/routes/admin/+layout.svelte
index 9743ecc..dadf18d 100644
--- a/src/routes/admin/+layout.svelte
+++ b/src/routes/admin/+layout.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
   import { page } from '$app/stores';
-  import { ArrowLeft } from 'lucide-svelte';
 
   let { children } = $props();
 
@@ -12,10 +11,6 @@
 </script>
 
 <nav class="tabs">
-  <a href="/" class="back" aria-label="Zurück zu Kochwas">
-    <ArrowLeft size={18} strokeWidth={2} />
-    <span>Zurück</span>
-  </a>
   {#each items as item (item.href)}
     <a
       href={item.href}
@@ -57,25 +52,6 @@
     color: white;
     border-color: #2b6a3d;
   }
-  .back {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.4rem;
-    padding: 0.6rem 0.85rem 0.6rem 0.7rem;
-    background: white;
-    border: 1px solid #e4eae7;
-    border-radius: 999px;
-    text-decoration: none;
-    color: #2b6a3d;
-    font-size: 0.9rem;
-    font-weight: 600;
-    white-space: nowrap;
-    min-height: 40px;
-    flex-shrink: 0;
-  }
-  .back:hover {
-    background: #eaf4ed;
-  }
   .admin-body {
     padding: 1rem 0;
   }