moby/brewlog
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor(home): move quick notes pills to card footer with icon-only brew again

Browse source 
- 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:
Jon Seager 2026-02-05 20:46:07 +00:00
parent 010b700595
commit fbc2d66a84
No known key found for this signature in database
1 changed files with 16 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
templates/pages/home.html
View file

@ -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.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> <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>
<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() %} {% if !brew.quick_notes.is_empty() %}
<div class="mt-2 flex flex-wrap gap-1">
{% for qn in brew.quick_notes %} {% for qn in brew.quick_notes %}
<span class="{{ qn.pill_class }}">{{ qn.label }}</span> <span class="{{ qn.pill_class }}">{{ qn.label }}</span>
{% endfor %} {% endfor %}
</div> {% else %}
<span class="pill pill-muted">No Notes</span>
{% endif %} {% endif %}
</div>
{% if is_authenticated %} {% if is_authenticated %}
<div class="mt-3 pt-3 border-t flex gap-3">
<form <form
class="inline" class="inline shrink-0"
data-on:submit="@post('/api/v1/brews', {contentType: 'form'})" data-on:submit="@post('/api/v1/brews', {contentType: 'form'})"
> >
<input type="hidden" name="bag_id" value="{{ brew.bag_id }}" /> <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 }}" /> <input type="hidden" name="water_temp" value="{{ brew.water_temp_raw }}" />
<button <button
type="submit" 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") %} {% call icons::refresh("h-4 w-4") %}
Brew Again
</button> </button>
</form> </form>
</div>
{% endif %} {% endif %}
</div> </div>
</div>
{% endfor %} {% endfor %}
</div> </div>
</section> </section>