fix: remove redundant back links from nutrition sub-pages
All checks were successful
CI / update (push) Successful in 3m39s

Header navigation and browser history already provide this
functionality — the inline back links were unnecessary clutter.
This commit is contained in:
2026-04-08 16:58:35 +02:00
parent 340b4f6023
commit 6e161dc677
3 changed files with 6 additions and 37 deletions

View File

@@ -1,6 +1,6 @@
{
"name": "homepage",
"version": "1.14.1",
"version": "1.14.2",
"private": true,
"type": "module",
"scripts": {

View File

@@ -1,6 +1,6 @@
<script>
import { page } from '$app/stores';
import { ChevronLeft, ChevronDown } from '@lucide/svelte';
import { ChevronDown } from '@lucide/svelte';
import { detectFitnessLang, fitnessSlugs, t } from '$lib/js/fitnessI18n';
import { NUTRIENT_META } from '$lib/data/dailyReferenceIntake';
@@ -136,12 +136,6 @@
</svelte:head>
<div class="food-detail">
<!-- Back link -->
<a class="back-link" href="/fitness/{s.nutrition}">
<ChevronLeft size={16} />
{t('nutrition_title', lang)}
</a>
<!-- Header -->
<header class="food-header">
<h1>{food.nameDe ?? food.name}</h1>
@@ -318,19 +312,6 @@
padding: 1rem;
}
.back-link {
display: inline-flex;
align-items: center;
gap: 0.25rem;
color: var(--color-text-secondary);
text-decoration: none;
font-size: 0.85rem;
margin-bottom: 0.75rem;
}
.back-link:hover {
color: var(--color-text-primary);
}
/* Header */
.food-header {
margin-bottom: 1rem;

View File

@@ -1,7 +1,7 @@
<script>
import { page } from '$app/stores';
import { untrack } from 'svelte';
import { ChevronLeft, Plus, Trash2, Pencil, UtensilsCrossed, X } from '@lucide/svelte';
import { Plus, Trash2, Pencil, UtensilsCrossed, X } from '@lucide/svelte';
import { detectFitnessLang, fitnessSlugs, t } from '$lib/js/fitnessI18n';
import { toast } from '$lib/js/toast.svelte';
import { confirm } from '$lib/js/confirmDialog.svelte';
@@ -152,10 +152,7 @@
<div class="meals-page">
<!-- Header -->
<div class="header">
<a href="/fitness/{s.nutrition}" class="back-link">
<ChevronLeft size={20} />
<span>{t('custom_meals', lang)}</span>
</a>
<h1 class="page-title">{t('custom_meals', lang)}</h1>
{#if !editing}
<button class="create-btn" onclick={startCreate}>
<Plus size={18} />
@@ -351,19 +348,10 @@
animation: fade-up 0.3s ease both;
}
.back-link {
display: flex;
align-items: center;
gap: 0.25rem;
color: var(--color-text-primary);
text-decoration: none;
.page-title {
font-size: 1.1rem;
font-weight: 700;
padding: 0.35rem 0;
transition: color 0.15s;
}
.back-link:hover {
color: var(--nord8);
margin: 0;
}
.create-btn {