added image gallery component; moved blurred background to separate CSS class
This commit is contained in:
@@ -16,7 +16,7 @@
|
||||
|
||||
<div class="row-container">
|
||||
{#each entries as entry}
|
||||
<a class="row-entry" href="{entry.link}">
|
||||
<a class="row-entry blurred-background-hover" href="{entry.link}">
|
||||
<div class="row-img-container">
|
||||
<img class="row-img" src="{entry.img}" alt="{entry.altText}">
|
||||
</div>
|
||||
@@ -49,7 +49,6 @@
|
||||
.row-entry:hover {
|
||||
background-color: var(--color-background-highlight);
|
||||
border-color: var(--color-highlight);
|
||||
backdrop-filter: blur(var(--blur-radius-background));
|
||||
}
|
||||
|
||||
.row-entry:hover .row-img {
|
||||
|
||||
Reference in New Issue
Block a user