style(wishlist): Herz durch Utensils-Icon ersetzt
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:
@@ -1,6 +1,6 @@
|
||||
<script lang="ts">
|
||||
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 { wishlistStore } from '$lib/client/wishlist.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'}
|
||||
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}
|
||||
<span class="count">{e.wanted_by_count}</span>
|
||||
{/if}
|
||||
@@ -284,9 +284,9 @@
|
||||
color: #444;
|
||||
}
|
||||
.like.active {
|
||||
color: #c53030;
|
||||
background: #fdf3f3;
|
||||
border-color: #f1b4b4;
|
||||
color: #2b6a3d;
|
||||
background: #eaf4ed;
|
||||
border-color: #b7d6c2;
|
||||
}
|
||||
.del:hover {
|
||||
color: #c53030;
|
||||
|
||||
Reference in New Issue
Block a user