UX fixes: scroll to top on nav, recipe chip order, caption cleanup

- Disable HTMX scrollIntoViewOnBoost, scroll to true y=0 on afterSettle
  so breadcrumbs are never hidden under the sticky header
- Reorder recipe chips: Alcoholic → Category → Glass
- Remove "Photographed / House pour" caption below recipe image

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-07 12:50:41 +02:00
parent 2a36431f85
commit 8bd0a9b7ad
3 changed files with 9 additions and 6 deletions
+4 -5
View File
@@ -50,9 +50,8 @@
{{- end -}}
</div>
<!-- Caption -->
<div class="flex justify-between pt-[14px] px-1 font-mono text-[11px] tracking-[0.1em] uppercase text-ink-mute">
<div class="pt-[14px] px-1 font-mono text-[11px] tracking-[0.1em] uppercase text-ink-mute">
<span>{{ range $glasses }}{{ . }}{{ end }}</span>
<span class="text-gold">{{ if $img }}Photographed{{ else }}House pour{{ end }}</span>
</div>
</div>
@@ -69,12 +68,12 @@
{{- with .Params.alcoholic -}}
<span class="chip"><span class="dot"></span>{{ . }}</span>
{{- end -}}
{{- range $glasses -}}
<a href="/glasses/{{ . | urlize }}/" class="chip"><span class="dot"></span>{{ . }}</a>
{{- end -}}
{{- range $categories -}}
<a href="/categories/{{ . | urlize }}/" class="chip"><span class="dot"></span>{{ . }}</a>
{{- end -}}
{{- range $glasses -}}
<a href="/glasses/{{ . | urlize }}/" class="chip"><span class="dot"></span>{{ . }}</a>
{{- end -}}
</div>
<!-- Two columns: ingredients + method -->