fix(home): move Last Brew heading outside card for consistent section styling
This commit is contained in:
parent
836b241977
commit
62740c4c68
1 changed files with 3 additions and 3 deletions
|
|
@ -198,12 +198,12 @@
|
||||||
|
|
||||||
<!-- Last Brew -->
|
<!-- Last Brew -->
|
||||||
{% if let Some(brew) = last_brew %}
|
{% if let Some(brew) = last_brew %}
|
||||||
<section class="rounded-lg border border-amber-300 bg-amber-100/80 p-5 shadow-sm">
|
<section>
|
||||||
<div class="flex items-center justify-between">
|
<div class="flex items-center justify-between mb-3">
|
||||||
<h2 class="text-lg font-semibold text-amber-700">Last Brew</h2>
|
<h2 class="text-lg font-semibold text-amber-700">Last Brew</h2>
|
||||||
<span class="text-xs text-stone-500">{{ brew.created_at }}</span>
|
<span class="text-xs text-stone-500">{{ brew.created_at }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-3">
|
<div class="rounded-lg border border-amber-300 bg-amber-100/80 p-5 shadow-sm">
|
||||||
<div class="flex flex-wrap items-baseline gap-2">
|
<div class="flex flex-wrap items-baseline gap-2">
|
||||||
<a href="/roasters/{{ brew.roaster_slug }}/roasts/{{ brew.roast_slug }}" class="font-semibold text-amber-800 hover:text-amber-600">{{ brew.roast_name }}</a>
|
<a href="/roasters/{{ brew.roaster_slug }}/roasts/{{ brew.roast_slug }}" class="font-semibold text-amber-800 hover:text-amber-600">{{ brew.roast_name }}</a>
|
||||||
<span class="text-sm text-stone-500">{{ brew.roaster_name }}</span>
|
<span class="text-sm text-stone-500">{{ brew.roaster_name }}</span>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue