 jbrechtel
|
0643dda10d
|
Update recipe view page layout to match roux-recipe-mockup.html
Build and Deploy / build-and-deploy (push) Failing after 1m40s
Layout changes:
- Nav matching landing page style (ROUX logo + Recipes + Cook History)
- Large serif title with inline editing preserved
- Subtitle from recipe description
- Meta strip: rounded background with last cook info + source link + Log meal button
- Full-width hero image with upload/replace overlay
- 2-column body grid (1.5fr ingredients+method | 1fr cook history rail)
- Flat ingredient list with quantities (no checkboxes)
- Numbered method paragraphs (no checkboxes, timers preserved)
- Cook history rail on right with + Add button
- Tags displayed below the grid
- Responsive: single column on mobile
Architecture:
- Removed: renderMetaBar, renderCookLog, renderRecentCookEntries,
renderRecentEntry, renderEntry, renderIngredientGroup, renderIngredientRow,
collectSectionIngredients, dedupFirst, renderMethodSections, renderMethodStep,
isEmptyStep, isBlankText, isMethodSection, sectionMethodSteps,
renderMarginalNote, collectNotes, bodyItemSteps, pairWith
- Added: recipePageStyles, rpHeroImage, rpLastCookInfo, formatFullDate,
rpIngredientList, rpNamedIngredientSection, collectIngredients,
rpIngredientItems, rpMethodList, rpRenderMethodStep, rpHistoryList,
rpRenderHistoryEntry
- Updated cookLogJs to use .roux-record-trigger class for dual trigger buttons
- Removed unused imports (Data.Function, catMaybes)
- All hlint warnings fixed, 51 tests passing
|
2026-05-26 07:38:15 -04:00 |
|