refactor(home): move quick notes pills to card footer with icon-only brew again
- Move quick notes pills into border-t footer row, left-aligned - Show "No Notes" muted pill when brew has no quick notes - Replace text "Brew Again" button with compact refresh icon button - Footer now always visible (pills + optional brew-again action)
This commit is contained in:
parent
010b700595
commit
fbc2d66a84
1 changed files with 16 additions and 14 deletions
|
|
@ -94,17 +94,19 @@
|
|||
<p class="truncate"><span class="font-medium text-stone-800">{{ brew.grind_setting }}</span> <span class="text-stone-500">· {{ brew.grinder_name }}</span></p>
|
||||
<p class="truncate"><span class="font-medium text-stone-800">{{ brew.brewer_name }}</span>{% if let Some(fp) = brew.filter_paper_name %} <span class="text-stone-500">· {{ fp }}</span>{% endif %}</p>
|
||||
</div>
|
||||
<div class="mt-3 pt-3 border-t flex items-center justify-between gap-3">
|
||||
<div class="flex flex-wrap gap-1">
|
||||
{% if !brew.quick_notes.is_empty() %}
|
||||
<div class="mt-2 flex flex-wrap gap-1">
|
||||
{% for qn in brew.quick_notes %}
|
||||
<span class="{{ qn.pill_class }}">{{ qn.label }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<span class="pill pill-muted">No Notes</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if is_authenticated %}
|
||||
<div class="mt-3 pt-3 border-t flex gap-3">
|
||||
<form
|
||||
class="inline"
|
||||
class="inline shrink-0"
|
||||
data-on:submit="@post('/api/v1/brews', {contentType: 'form'})"
|
||||
>
|
||||
<input type="hidden" name="bag_id" value="{{ brew.bag_id }}" />
|
||||
|
|
@ -119,15 +121,15 @@
|
|||
<input type="hidden" name="water_temp" value="{{ brew.water_temp_raw }}" />
|
||||
<button
|
||||
type="submit"
|
||||
class="inline-flex items-center gap-1 text-sm font-medium text-accent hover:text-accent-hover"
|
||||
class="inline-flex h-8 w-8 items-center justify-center rounded-md text-accent transition hover:text-accent-hover hover:bg-surface-alt"
|
||||
title="Brew Again"
|
||||
>
|
||||
{% call icons::plus_circle("h-4 w-4") %}
|
||||
Brew Again
|
||||
{% call icons::refresh("h-4 w-4") %}
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Reference in a new issue