fix: cramped ingredient/step rows on mobile in recipe editor
Both rows packed 4+ inline fields (grip handle, quantity, unit, name, note for ingredients; step number, textarea, timer, delete for steps) into a single flex row with no mobile-aware wrap plan — flex-wrap on ingredients caused the delete button to float disconnected from its row, and steps had no wrap at all, squeezing the textarea down to a sliver. Both now split into two grouped rows below sm: breakpoint (core fields, then secondary field + delete) and collapse back to one row on larger screens. Not visually verified in a browser — this sandbox has no DB/dev server running (Docker unavailable), so this is typecheck+lint verified only. v0.46.2
This commit is contained in:
@@ -2,6 +2,11 @@
|
||||
|
||||
All notable changes to Epicure are documented here. This file is mirrored in-app at `/changelog` (and in the admin dashboard) via `apps/web/lib/changelog.ts` — update both together.
|
||||
|
||||
## 0.46.2 — 2026-07-17 19:20
|
||||
|
||||
### Fixed
|
||||
- Recipe editor's ingredient and step rows were cramped on mobile — 4 inline fields plus a timer/delete button squeezed into one row with no real wrap plan. Both now stack sanely on narrow screens (name/quantity/unit on one line, note/timer + delete on the next) and stay a single row on larger screens.
|
||||
|
||||
## 0.46.1 — 2026-07-17 19:05
|
||||
|
||||
### Fixed
|
||||
|
||||
Reference in New Issue
Block a user