fix(templates): align cancel button styling across all form pages

- Update bags, brews, and gear cancel buttons to match cafes/roasters style
- Use amber-300 border with stone-700 text for consistent cancel button appearance
This commit is contained in:
Jon Seager 2026-02-04 16:01:44 +00:00
parent e9bb291f83
commit 10c19b1f67
No known key found for this signature in database
3 changed files with 3 additions and 3 deletions

View file

@ -93,7 +93,7 @@
<div class="flex justify-end gap-3"> <div class="flex justify-end gap-3">
<button <button
type="button" type="button"
class="rounded-md px-4 py-2 text-sm font-medium text-stone-600 hover:bg-stone-200/50" class="rounded-md border border-amber-300 px-4 py-2 text-sm font-semibold text-stone-700 transition hover:border-amber-400 hover:text-stone-800"
data-on:click="$_showForm = false" data-on:click="$_showForm = false"
> >
Cancel Cancel

View file

@ -142,7 +142,7 @@
<div class="flex justify-end gap-3"> <div class="flex justify-end gap-3">
<button <button
type="button" type="button"
class="rounded-md px-4 py-2 text-sm font-medium text-stone-600 hover:bg-stone-200/50" class="rounded-md border border-amber-300 px-4 py-2 text-sm font-semibold text-stone-700 transition hover:border-amber-400 hover:text-stone-800"
data-on:click="$_showForm = false" data-on:click="$_showForm = false"
> >
Cancel Cancel

View file

@ -75,7 +75,7 @@
<div class="flex justify-end gap-3"> <div class="flex justify-end gap-3">
<button <button
type="button" type="button"
class="rounded-md px-4 py-2 text-sm font-medium text-stone-600 hover:bg-stone-200/50" class="rounded-md border border-amber-300 px-4 py-2 text-sm font-semibold text-stone-700 transition hover:border-amber-400 hover:text-stone-800"
data-on:click="$_showForm = false" data-on:click="$_showForm = false"
> >
Cancel Cancel