claude/kochwas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(wishlist): Herz durch Utensils-Icon ersetzt

Browse Source 
Das Herz auf der Wunschliste doppelte sich semantisch mit dem
Favoriten-Herz in der Rezeptansicht. Jetzt deckungsgleich mit dem
Wunschlisten-Icon in der Rezept-Action-Bar: Utensils. Aktiv-Farbe
von rot auf das Kochwas-Grün gewechselt.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-18 15:06:07 +02:00
parent 8e33b52f66
commit 361164febd
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/routes/wishlist/+page.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { Heart, Trash2, CookingPot } from 'lucide-svelte'; import { Utensils, Trash2, CookingPot } from 'lucide-svelte';
import { profileStore } from '$lib/client/profile.svelte'; import { profileStore } from '$lib/client/profile.svelte';
import { wishlistStore } from '$lib/client/wishlist.svelte'; import { wishlistStore } from '$lib/client/wishlist.svelte';
import { alertAction, confirmAction } from '$lib/client/confirm.svelte'; import { alertAction, confirmAction } from '$lib/client/confirm.svelte';
@@ -131,7 +131,7 @@
aria-label={e.on_my_wishlist ? 'Ich will das nicht mehr' : 'Ich will das auch'} aria-label={e.on_my_wishlist ? 'Ich will das nicht mehr' : 'Ich will das auch'}
onclick={() => toggleMine(e)} onclick={() => toggleMine(e)}
> >
<Heart size={18} strokeWidth={2} fill={e.on_my_wishlist ? 'currentColor' : 'none'} /> <Utensils size={18} strokeWidth={2} />
{#if e.wanted_by_count > 0} {#if e.wanted_by_count > 0}
<span class="count">{e.wanted_by_count}</span> <span class="count">{e.wanted_by_count}</span>
{/if} {/if}
@@ -284,9 +284,9 @@
color: #444; color: #444;
} }
.like.active { .like.active {
color: #c53030; color: #2b6a3d;
background: #fdf3f3; background: #eaf4ed;
border-color: #f1b4b4; border-color: #b7d6c2;
} }
.del:hover { .del:hover {
color: #c53030; color: #c53030;