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

fix(home): prevent text wrapping in brew and bag card detail fields

Browse source
This commit is contained in:
Jon Seager 2026-02-04 17:49:57 +00:00
parent 37cd595c93
commit ef039da123
No known key found for this signature in database
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
templates/home.html
View file

@ -197,9 +197,9 @@
<p class="truncate text-sm text-stone-500">{{ brew.roaster_name }}</p> <p class="truncate text-sm text-stone-500">{{ brew.roaster_name }}</p>
</div> </div>
<div class="mt-2 space-y-0.5 text-sm"> <div class="mt-2 space-y-0.5 text-sm">
<p><span class="font-medium text-stone-800">{{ brew.coffee_weight }} / {{ brew.water_volume }}</span> <span class="text-stone-500">· {{ brew.ratio }} · {{ brew.water_temp }}</span></p> <p class="truncate"><span class="font-medium text-stone-800">{{ brew.coffee_weight }} / {{ brew.water_volume }}</span> <span class="text-stone-500">· {{ brew.ratio }} · {{ brew.water_temp }}</span></p>
<p><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><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 is_authenticated %} {% if is_authenticated %}
<div class="mt-3 pt-3 border-t border-amber-100 flex gap-3"> <div class="mt-3 pt-3 border-t border-amber-100 flex gap-3">

2
templates/partials/bag_card.html
View file

@ -5,7 +5,7 @@
<a href="/roasters/{{ bag.roaster_slug }}/roasts/{{ bag.roast_slug }}" class="block truncate font-semibold text-amber-800 hover:text-amber-600">{{ bag.roast_name }}</a> <a href="/roasters/{{ bag.roaster_slug }}/roasts/{{ bag.roast_slug }}" class="block truncate font-semibold text-amber-800 hover:text-amber-600">{{ bag.roast_name }}</a>
<p class="truncate text-sm text-stone-500">{{ bag.roaster_name }}</p> <p class="truncate text-sm text-stone-500">{{ bag.roaster_name }}</p>
</div> </div>
<p class="mt-2 text-sm text-stone-600"> <p class="mt-2 truncate text-sm text-stone-600">
<span class="font-medium">{{ bag.remaining }}g</span> <span class="font-medium">{{ bag.remaining }}g</span>
<span class="text-stone-400">of {{ bag.amount }}g remaining</span> <span class="text-stone-400">of {{ bag.amount }}g remaining</span>
</p> </p>