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
@@ -61,6 +61,28 @@ button {

 #status { min-height: 1.5em; color: #665a45; }

+.portions {
+  display: flex;
+  gap: 14px;
+  align-items: center;
+  margin: 4px 0 20px;
+}
+
+.portions[hidden] { display: none; }
+
+.portions button {
+  width: 44px;
+  height: 44px;
+  color: #fff;
+  background: #5a4b30;
+  font-size: 1.6rem;
+  line-height: 1;
+}
+
+.portions button:disabled { cursor: default; opacity: .4; }
+
+.portions span { min-width: 92px; text-align: center; }
+
 #recipes { display: grid; gap: 10px; padding: 0; list-style: none; }

 .recipe {