style: unify all empty states to shared .empty-state class across all modules

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-30 17:25:13 +02:00
parent eb0ac95e1d
commit 0eab480a0e
12 changed files with 52 additions and 121 deletions
@@ -172,8 +172,11 @@ function renderSlot(date, type, mealsForDay) {

  if (!meal) {
    return `
-      <div class="meal-slot" data-date="${date}" data-type="${type.key}">
+      <div class="meal-slot meal-slot--empty" data-date="${date}" data-type="${type.key}">
        <div class="meal-slot__type-label">${type.label}</div>
+        <div class="empty-state empty-state--compact">
+          <div class="empty-state__description">Kein Essen geplant</div>
+        </div>
        <button
          class="meal-slot__add-btn"
          data-action="add-meal"