feat(recipes): add tools_needed field — appliances shown as chips above ingredients

2026-05-16 09:56:10 +00:00
parent 9b9a196f73
commit 8928c75a9d
6 changed files with 41 additions and 4 deletions
@@ -3918,6 +3918,29 @@ body.server-offline .bottom-nav {
    line-height: 1.5;
 }

+.recipe-tools-banner {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 6px;
+    background: #f0f4ff;
+    border: 1px solid #c7d2fe;
+    border-radius: var(--radius-sm);
+    padding: 8px 12px;
+    font-size: 0.85rem;
+    color: #3730a3;
+    margin-bottom: 12px;
+    line-height: 1.5;
+}
+.recipe-tool-chip {
+    background: #e0e7ff;
+    border-radius: 20px;
+    padding: 2px 10px;
+    font-size: 0.8rem;
+    color: #3730a3;
+    white-space: nowrap;
+}
+
 /* Recipe ingredient use buttons */
 .recipe-ingredients {
    list-style: none;