ulfr/recipe-mockup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust meal planner calendar
All checks were successful
Build and Deploy / build-and-push (push) Successful in 26s
Details

Browse Source
This commit is contained in:
Rafał
2026-03-26 23:08:18 +01:00
parent 72a2d4e4d7
commit a22bb7b35c
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
js/views/MealPlanner.js
View File

@@ -210,7 +210,7 @@ function renderWeekGrid(weekStart, selected, plans) {
const hasMeals = dayHasAnyMeal(plans, day); const hasMeals = dayHasAnyMeal(plans, day);
cells.push(` cells.push(`
<button type="button" data-planner-day="${day.getTime()}" <button type="button" data-planner-day="${day.getTime()}"
class="aspect-square flex flex-col items-center justify-center rounded-md text-xs font-medium transition-colors min-h-0 gap-0.5 py-1 class="flex flex-col items-center justify-center rounded-md text-xs font-medium transition-colors w-full min-h-10 py-1 gap-0.5 leading-tight
${isSel ? 'bg-gray-900 text-white' : 'text-gray-800 hover:bg-gray-100'} ${isSel ? 'bg-gray-900 text-white' : 'text-gray-800 hover:bg-gray-100'}
${isToday && !isSel ? 'ring-1 ring-inset ring-gray-900' : ''}"> ${isToday && !isSel ? 'ring-1 ring-inset ring-gray-900' : ''}">
<span>${day.getDate()}</span> <span>${day.getDate()}</span>
@@ -236,7 +236,7 @@ function renderMonthGrid(monthAnchor, selected, plans) {
const hasMeals = inMonth && dayHasAnyMeal(plans, day); const hasMeals = inMonth && dayHasAnyMeal(plans, day);
cells.push(` cells.push(`
<button type="button" data-planner-day="${day.getTime()}" <button type="button" data-planner-day="${day.getTime()}"
class="aspect-square flex flex-col items-center justify-center rounded-md text-xs font-medium transition-colors min-h-0 gap-0.5 py-1 class="flex flex-col items-center justify-center rounded-md text-xs font-medium transition-colors w-full min-h-10 py-1 gap-0.5 leading-tight
${!inMonth ? 'text-gray-300' : (isSel ? 'bg-gray-900 text-white' : 'text-gray-800 hover:bg-gray-100')} ${!inMonth ? 'text-gray-300' : (isSel ? 'bg-gray-900 text-white' : 'text-gray-800 hover:bg-gray-100')}
${inMonth && isToday && !isSel ? 'ring-1 ring-inset ring-gray-900' : ''}"> ${inMonth && isToday && !isSel ? 'ring-1 ring-inset ring-gray-900' : ''}">
<span>${day.getDate()}</span> <span>${day.getDate()}</span>