feat(admin): „Zurück"-Button im Settings-Tabbar
All checks were successful
Build & Publish Docker Image / build-and-push (push) Successful in 1m17s
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:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user