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

Fix Card component z-index and favorite indicator positioning

Browse Source 
- Reduce icon z-index from 10 to 5 to prevent overlap with header
- Adjust favorite indicator position from -0.5em to 0.1em for better spacing

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Alexander Bocken
2025-09-04 16:49:04 +02:00
parent 7bc51e3a0e
commit be26769efb
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/Card.svelte
View File

@@ -71,7 +71,7 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
font-size: 1.5em; font-size: 1.5em;
box-shadow: 0em 0em 1em 0.1em rgba(0, 0, 0, 0.6); box-shadow: 0em 0em 1em 0.1em rgba(0, 0, 0, 0.6);
transition: 100ms; transition: 100ms;
z-index: 10; z-index: 5;
} }
#image{ #image{
width: 300px; width: 300px;
@@ -197,8 +197,8 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
.favorite-indicator{ .favorite-indicator{
position: absolute; position: absolute;
font-size: 2rem; font-size: 2rem;
top: -0.5em; top: 0.1em;
left: -0.5em; left: 0.1em;
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.8)); filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.8));
} }