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

Redesign meal planner

Browse Source
This commit is contained in:
Rafał
2026-04-04 23:26:38 +02:00
parent b44b985e76
commit e83fb49d6b
3 changed files with 127 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
index.html
View File

@@ -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); }
</style>
</head>
<body class="m-0 min-h-dvh bg-white text-gray-800 antialiased">
@@ -349,6 +335,6 @@
navigator.serviceWorker.register('./sw.js', { scope: './' }).catch(() => {});
}
</script>
<script type="module" src="js/app.js?v=2"></script>
<script type="module" src="js/app.js?v=18"></script>
</body>
</html>