doman/fooder-app
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make add entry button stand out

Browse source
This commit is contained in:
Piotr Domański 2026-04-02 12:38:42 +02:00
parent 93cff5944a
commit 27fd13e40d
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/lib/components/diary/MealCard.svelte
View file

@ -86,16 +86,17 @@
</div>
</button>
<div class="flex gap-1 ml-2 shrink-0">
<div class="flex gap-1 ml-2 shrink-0 items-center">
<!-- Add entry -->
<button
onclick={() => goto(`/diary/${date}/add-entry?meal_id=${meal.id}`)}
class="w-8 h-8 flex items-center justify-center rounded-full text-zinc-500 hover:text-green-400 hover:bg-green-400/10 transition-colors"
class="flex items-center gap-1 px-2.5 h-7 rounded-full bg-green-600 hover:bg-green-500 text-white transition-colors text-xs font-medium"
aria-label="Add food"
>
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M12 4v16m8-8H4" />
</svg>
Add
</button>
<!-- Rename -->