feat(admin): „Zurück"-Button im Settings-Tabbar
All checks were successful
Build & Publish Docker Image / build-and-push (push) Successful in 1m17s

Auf Mobile <520px ist das Kochwas-App-Icon oben links ausgeblendet, und
aus den Settings gab es keinen sichtbaren Weg zur Hauptseite außer der
Browser-Zurück-Taste. Jetzt steht links vor den Admin-Tabs ein
ArrowLeft-Pill-Button, der direkt auf / führt.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-18 11:02:43 +02:00
parent a8fdb8c3f9
commit 82e8371451

View File

@@ -1,5 +1,6 @@
<script lang="ts">
import { page } from '$app/stores';
import { ArrowLeft } from 'lucide-svelte';
let { children } = $props();
@@ -11,6 +12,10 @@
</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}
@@ -52,6 +57,25 @@
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;
}