From 2a8d8ab3be2e7a929a6bf3f0fa124275604b620d Mon Sep 17 00:00:00 2001 From: Hayden Hargreaves Date: Mon, 2 Jun 2025 20:31:27 -0700 Subject: [PATCH] (UI/STYLE): Implemented the UI design for the recently viewed list. --- .../controllers/page_html/home.html.heex | 113 +++++++++++++++++- spec/TechnicalSpecification.md | 2 +- 2 files changed, 113 insertions(+), 2 deletions(-) diff --git a/lib/potion_web/controllers/page_html/home.html.heex b/lib/potion_web/controllers/page_html/home.html.heex index 1255335..50782e5 100644 --- a/lib/potion_web/controllers/page_html/home.html.heex +++ b/lib/potion_web/controllers/page_html/home.html.heex @@ -36,8 +36,119 @@ + +
+

+ Recently Viewed +

+ + +
+
    +
  • +

    + Avacado Toast +

    + +
    +

    10 min

    + + + + + + + + + +
    +
    • + +
  • +

    + Fried Chicken +

    + +
    +

    90 min

    + + + + + + + + + +
    +
    • + +
  • +

    + Steak & Eggs +

    + +
    +

    15 min

    + + + + + + + + + + + + + + +
    +
    • +
+
+
+ -
+

Make again

diff --git a/spec/TechnicalSpecification.md b/spec/TechnicalSpecification.md index 23edde0..8ef6258 100644 --- a/spec/TechnicalSpecification.md +++ b/spec/TechnicalSpecification.md @@ -40,7 +40,7 @@ well as view lists of recently made recipes, and other (**undetermined**) lists. - [ ] **Filter by difficulty** - *1 to 5 stars* - [ ] **Filter by serving size** - *1 to 16* -- [ ] Make again list +- [ ] Recently Viewed list - [ ] Scrolling list of the most recent 5-10 recipes viewed - [ ] **Display recipe details** - Title, duration, **image***, and a heart to like the recipe