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

recipes: CompactCard with larger icon and anchor
All checks were successful
CI / update (push) Successful in 1m31s
Details

Browse Source
This commit is contained in:
Alexander Bocken
2026-02-16 17:51:31 +01:00
parent 10dd3158fe
commit 7e94758b23
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/recipes/CompactCard.svelte
View File

@@ -115,12 +115,12 @@
} }
.icon { .icon {
position: absolute; position: absolute;
top: -0.75em; top: -1.2em;
right: 0.6em; right: 0.6em;
width: 2em; width: 2em;
height: 2em; height: 2em;
font-size: 1rem; font-size: 1.2rem;
background-color: var(--color-primary); background-color: var(--nord0);
color: white; color: white;
z-index: 3; z-index: 3;
} }
@@ -149,7 +149,7 @@
</div> </div>
<div class="info"> <div class="info">
{#if isInSeason} {#if isInSeason}
<span class="icon g-icon-badge">{recipe.icon}</span> <a href="{routePrefix}/icon/{recipe.icon}" class="icon g-icon-badge">{recipe.icon}</a>
{/if} {/if}
<p class="name">{@html recipe.name}</p> <p class="name">{@html recipe.name}</p>
{#if recipe.tags?.length} {#if recipe.tags?.length}