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

fix: adjust z-index values to prevent recipe card elements from overlapping header and add button
Some checks failed
CI / update (push) Failing after 1m50s
Details

Browse Source
This commit is contained in:
Alexander Bocken
2025-12-12 22:48:40 +01:00
parent ea6eecc00b
commit 7d2b3555f5
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/lib/components/ActionButton.svelte
View File

@@ -19,6 +19,7 @@ background-color: var(--red);
display: grid;
justify-content: center;
align-content: center;
z-index: 100;
}
@media screen and (max-width: 500px) {
.container{

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

@@ -92,7 +92,7 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
font-size: 1.5em;
box-shadow: 0em 0em 1em 0.1em rgba(0, 0, 0, 0.6);
transition: 100ms;
z-index: 10;
z-index: 5;
text-decoration: none;
}
#image{
@@ -179,7 +179,7 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
box-shadow: 0em 0em 0.2em 0.05em rgba(0, 0, 0, 0.3);
border: none;
position: relative;
z-index: 10;
z-index: 2;
display: inline-block;
}
.tag:hover,
@@ -207,7 +207,7 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
transition: 100ms;
border: none;
cursor: pointer;
z-index: 10;
z-index: 2;
display: inline-block;
}
.card_title .category:hover,