Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

recipes: filter panel does not create page overflow
All checks were successful
CI / update (push) Successful in 1m29s
Details

Browse Source
This commit is contained in:
Alexander Bocken
2026-02-16 15:23:02 +01:00
parent 7922563c4d
commit 10dd3158fe
2 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/recipes/FilterPanel.svelte
View File

@@ -43,7 +43,7 @@
<style> <style>
.filter-wrapper { .filter-wrapper {
width: 900px; width: 900px;
max-width: 95vw; max-width: 80vw;
margin: 1rem auto 2rem; margin: 1rem auto 2rem;
} }

12
src/routes/[recipeLang=recipeLang]/+page.svelte
View File

@@ -219,9 +219,6 @@
.hero-featured:hover { .hero-featured:hover {
opacity: 1; opacity: 1;
} }
.hero-featured .icon {
font-family: "Noto Color Emoji", emoji, sans-serif;
}
.hero-featured .recipe-name { .hero-featured .recipe-name {
font-weight: 600; font-weight: 600;
} }
@@ -379,8 +376,7 @@
<h1>{labels.title}</h1> <h1>{labels.title}</h1>
<p class="subheading">{labels.subheading}</p> <p class="subheading">{labels.subheading}</p>
<a href="/{data.recipeLang}/{heroRecipe.short_name}" class="hero-featured"> <a href="/{data.recipeLang}/{heroRecipe.short_name}" class="hero-featured">
<span class="icon">{heroRecipe.icon}</span> <span class="recipe-name">{heroRecipe.icon} {@html heroRecipe.name}</span>
<span class="recipe-name">{@html heroRecipe.name}</span>
<svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="-10 -197 535 410"><path d="M503 31c12-13 12-33 0-46L343-175c-13-12-33-12-46 0-12 13-12 33 0 46L403-24H32C14-24 0-10 0 8s14 32 32 32h371L297 145c-12 13-12 33 0 46 13 12 33 12 46 0L503 31z"/></svg> <svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" viewBox="-10 -197 535 410"><path d="M503 31c12-13 12-33 0-46L343-175c-13-12-33-12-46 0-12 13-12 33 0 46L403-24H32C14-24 0-10 0 8s14 32 32 32h371L297 145c-12 13-12 33 0 46 13 12 33 12 46 0L503 31z"/></svg>
</a> </a>
@@ -452,12 +448,12 @@
<div class="sentinel" bind:this={sentinel}></div> <div class="sentinel" bind:this={sentinel}></div>
{/if} {/if}
{#if !isEnglish}
<AddButton href="/rezepte/add"></AddButton>
{/if}
</div> </div>
</div> </div>
</section> </section>
{#if !isEnglish}
<AddButton href="/rezepte/add"></AddButton>
{/if}
{:else} {:else}
<div class="hero-fallback"> <div class="hero-fallback">
<h1>{labels.title}</h1> <h1>{labels.title}</h1>