fix: remove redundant back links from nutrition sub-pages
All checks were successful
CI / update (push) Successful in 3m39s
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:
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "homepage",
|
||||
"version": "1.14.1",
|
||||
"version": "1.14.2",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user