Add portion controls and improve recipe display

2026-08-03 15:45:34 -05:00
parent 139eb9bca2
commit f94b08a4e6
10 changed files with 276 additions and 28 deletions
@@ -16,6 +16,11 @@
        <button id="exit" class="secondary" type="button">Exit recipe mode</button>
      </header>
      <p id="status" role="status">Loading recipes…</p>
+      <div id="portions" class="portions" hidden>
+        <button id="fewer-portions" type="button" aria-label="One fewer portion">−</button>
+        <span><strong id="portion-count"></strong> portions</span>
+        <button id="more-portions" type="button" aria-label="One more portion">+</button>
+      </div>
      <label for="search">Find a recipe</label>
      <input id="search" type="search" autocomplete="off" placeholder="Search recipes">
      <ul id="recipes" aria-live="polite"></ul>