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

30
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>
{% if !brew.quick_notes.is_empty() %} <div class="mt-3 pt-3 border-t flex items-center justify-between gap-3">
<div class="mt-2 flex flex-wrap gap-1"> <div class="flex flex-wrap gap-1">
{% for qn in brew.quick_notes %} {% if !brew.quick_notes.is_empty() %}
<span class="{{ qn.pill_class }}">{{ qn.label }}</span> {% for qn in brew.quick_notes %}
{% endfor %} <span class="{{ qn.pill_class }}">{{ qn.label }}</span>
</div> {% endfor %}
{% endif %} {% else %}
{% if is_authenticated %} <span class="pill pill-muted">No Notes</span>
<div class="mt-3 pt-3 border-t flex gap-3"> {% endif %}
</div>
{% if is_authenticated %}
<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,14 +121,14 @@
<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>
{% endif %}
</div> </div>
{% endif %}
</div> </div>
{% endfor %} {% endfor %}
</div> </div>