denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
denizk0461
2026-04-06 17:53:40 +02:00
parent 256b3d4142
commit da62a57bfb
13 changed files with 131 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/lib/lists/gallery.svelte
View File

@@ -22,7 +22,7 @@
</div>
{#snippet galleryEntry({entry}: {entry: GalleryEntry})}
<a class="gallery-container" href="{entry.link}">
<a class="gallery-container blurred-background-hover" href="{entry.link}">
{#if entry.img && entry.img !== ""}
<img class="gallery-img" src="{entry.img}" alt="{entry.imgAlt}">
{:else}
@@ -111,7 +111,6 @@
.gallery-container:hover {
border-color: var(--color-highlight);
background-color: var(--color-background-highlight);
backdrop-filter: blur(var(--blur-radius-background));
}
.gallery-container:hover p {
color: var(--color-highlight);