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">
|
<script lang="ts">
|
||||||
import { page } from '$app/stores';
|
import { page } from '$app/stores';
|
||||||
|
import { ArrowLeft } from 'lucide-svelte';
|
||||||
|
|
||||||
let { children } = $props();
|
let { children } = $props();
|
||||||
|
|
||||||
@@ -11,6 +12,10 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<nav class="tabs">
|
<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)}
|
{#each items as item (item.href)}
|
||||||
<a
|
<a
|
||||||
href={item.href}
|
href={item.href}
|
||||||
@@ -52,6 +57,25 @@
|
|||||||
color: white;
|
color: white;
|
||||||
border-color: #2b6a3d;
|
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 {
|
.admin-body {
|
||||||
padding: 1rem 0;
|
padding: 1rem 0;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user