diff --git a/index.html b/index.html index 6b18458..436f06d 100644 --- a/index.html +++ b/index.html @@ -182,24 +182,6 @@ box-shadow: var(--panel-shadow); } - #planner-summary-card { - position: relative; - overflow: hidden; - background: linear-gradient(145deg, rgba(var(--surface-rgb), 0.98) 0%, rgba(var(--surface-soft-rgb), 0.98) 100%) !important; - border-color: rgba(var(--warm-rgb), 0.26) !important; - box-shadow: var(--panel-shadow) !important; - } - #planner-summary-card::before { - content: ''; - position: absolute; - inset: -20% auto auto -8%; - width: 9rem; - height: 9rem; - border-radius: 999px; - background: rgba(var(--warm-rgb), 0.14); - filter: blur(44px); - pointer-events: none; - } .bg-amber-50 { background-color: rgba(var(--warm-rgb), 0.12) !important; } .bg-amber-50\/30 { background-color: rgba(var(--warm-rgb), 0.09) !important; } .bg-amber-50\/50 { background-color: rgba(var(--warm-rgb), 0.14) !important; } @@ -246,6 +228,15 @@ #pantry-view { background: rgb(var(--app-bg-rgb)) !important; } + #planner-view, + #planner-view > div:first-child, + #planner-scroll, + #calendar-swipe-zone, + #calendar-week-wrap, + #calendar-month-wrap, + #planner-meal-slots { + background: #2d2e2b !important; + } #main-view > div:first-child, #planner-view > div:first-child, #pantry-view > div:first-child, @@ -283,7 +274,6 @@ } #planner-picker-sheet, #planner-ing-sheet, - #planner-copy-sheet, #pv2-edit-sheet, #mpe-sheet, #recipe-detail-view > div:last-child { @@ -303,7 +293,6 @@ } #planner-picker-backdrop, #planner-ing-backdrop, - #planner-copy-backdrop, #pv2-edit-bg, #mpe-overlay { background: rgba(7, 6, 5, 0.42) !important; @@ -313,13 +302,11 @@ /* Planner and common interactive surfaces */ #planner-open-ingredients, .planner-pick-recipe, - .planner-copy-target, #mpe-nutrition-section > div, #mpe-add-area > div, #pv2-edit-nutrition ul { box-shadow: var(--panel-shadow) !important; } - .planner-copy-target, .planner-pick-recipe, .pv2-chip, .pv2-cat-chip, @@ -329,8 +316,7 @@ #rd-tags span { transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease; } - .planner-pick-recipe:hover, - .planner-copy-target:hover { transform: translateY(-1px); } + .planner-pick-recipe:hover { transform: translateY(-1px); } @@ -349,6 +335,6 @@ navigator.serviceWorker.register('./sw.js', { scope: './' }).catch(() => {}); } - + diff --git a/js/app.js b/js/app.js index 7f416d5..9c22278 100644 --- a/js/app.js +++ b/js/app.js @@ -1,7 +1,7 @@ import { getRecipeListHTML, setupRecipeList } from './views/RecipeList.js?v=2'; import { getFilterHTML, setupFilter } from './views/Filter.js?v=2'; import { getRecipeDetailHTML, setupRecipeDetail } from './views/RecipeDetailV2.js?v=2'; -import { getMealPlannerHTML, setupMealPlanner } from './views/MealPlanner.js?v=4'; +import { getMealPlannerHTML, setupMealPlanner } from './views/MealPlanner.js?v=20'; import { getPantryHTML, refreshPantry, setupPantry } from './views/Pantry.js?v=2'; import { getMealPlanEditorHTML, setupMealPlanEditor } from './ui/mealPlanEditor.js?v=7'; diff --git a/js/views/MealPlanner.js b/js/views/MealPlanner.js index 8b23fd9..5ddc27a 100644 --- a/js/views/MealPlanner.js +++ b/js/views/MealPlanner.js @@ -1,7 +1,6 @@ import { INGREDIENTS, RECIPES } from '../data/catalog.js?v=2'; import { MEAL_SLOTS } from '../planner/mealSlots.js'; import { - addDays, addMonths, addWeeks, sameMonth, @@ -61,19 +60,20 @@ function syncTodayButton(mode, weekStart, monthAnchor, selected) { export function getMealPlannerHTML() { return `