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

Add products

Browse Source
This commit is contained in:
Rafał
2026-04-08 15:51:33 +02:00
parent 868862d031
commit 7db4deee82
25 changed files with 560 additions and 397 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
js/views/Filter.js
View File

@@ -1,4 +1,4 @@
import { RECIPES } from '../data/catalog.js?v=6';
import { RECIPES } from '../data/catalog.js?v=8';
import { MEAL_SLOTS } from '../planner/mealSlots.js';
import { applyFilters, getFilterState } from './RecipeList.js';
@@ -61,7 +61,7 @@ export function getFilterHTML() {
outline: none;
}
</style>
<div id="filter-view" class="absolute inset-0 z-[55] hidden opacity-0 transition-opacity duration-150" style="pointer-events:none; background:transparent !important; background-image:none !important;" aria-hidden="true">
<div id="filter-view" class="absolute inset-0 z-[55] hidden opacity-0 transition-opacity duration-150" style="pointer-events:none; background:rgba(0,0,0,0.5) !important; background-image:none !important;" aria-hidden="true">
<div id="filter-panel" class="absolute flex flex-col overflow-hidden rounded-[1.5rem] border" style="background:${FILTER_SURFACE} !important; background-image:none !important; border-color:${FILTER_BORDER} !important; opacity:0; transform:translateY(-0.5rem) scale(0.98); transform-origin:top center; transition:${FILTER_PANEL_TRANSITION}; box-shadow:0 18px 40px rgba(0,0,0,0.34), 0 4px 12px rgba(0,0,0,0.18); width:min(calc(100% - 1.5rem), 22rem);">
<div class="pointer-events-none absolute inset-x-0 top-0 h-px" style="background:rgba(242,239,232,0.12);" aria-hidden="true"></div>
<div class="shrink-0 px-3.5 pt-3 pb-2 flex justify-end" style="background:${FILTER_SURFACE} !important; background-image:none !important;">
@@ -240,13 +240,7 @@ function positionFilterPanel() {
}
function setRecipeAreaBlur(visible) {
const recipeScroll = document.getElementById('recipe-scroll');
if (!recipeScroll) return;
recipeScroll.style.transition = 'filter 180ms ease, opacity 180ms ease';
recipeScroll.style.willChange = 'filter, opacity';
recipeScroll.style.filter = visible ? FILTER_RECIPE_BLUR : 'none';
recipeScroll.style.opacity = visible ? '0.78' : '1';
// Dark overlay on filter-view handles the dimming now
}
function showFilterPanel() {