added image gallery component; moved blurred background to separate CSS class

This commit is contained in:
2026-04-06 17:53:40 +02:00
parent 256b3d4142
commit da62a57bfb
13 changed files with 131 additions and 39 deletions

View File

@@ -10,7 +10,7 @@
<div class="entry-container">
{#each posts as post}
<a class="entry" href="{post.key}">
<a class="entry blurred-background-hover" href="{post.key}">
<div class="entry-banner-container">
<img class="entry-banner" src="{post.key}/{post.post.banner}" alt="{post.post.bannerAlt}">
</div>
@@ -55,7 +55,6 @@
.entry:hover {
background-color: var(--color-background-highlight-alt);
border-color: var(--color-highlight-alt);
backdrop-filter: blur(var(--blur-radius-background));
}
.entry:hover .entry-banner {