added outline to drawing gallery on hover

This commit is contained in:
2026-04-26 10:16:27 +02:00
parent ac123ad0d7
commit 455eb4c291
2 changed files with 5 additions and 2 deletions

View File

@@ -107,10 +107,13 @@
overflow: hidden; overflow: hidden;
border-radius: var(--border-radius); border-radius: var(--border-radius);
filter: brightness(70%) saturate(60%); filter: brightness(70%) saturate(60%);
transition: filter var(--duration-animation) var(--anim-curve); outline: var(--border-style) var(--border-dash-size) transparent;
transition: filter var(--duration-animation) var(--anim-curve),
outline-color var(--duration-animation) var(--anim-curve);
} }
.img-button:hover { .img-button:hover {
filter: brightness(100%) saturate(100%); filter: brightness(100%) saturate(100%);
outline-color: var(--color-highlight);
} }
.img-button img { .img-button img {

View File

@@ -7,7 +7,7 @@
</script> </script>
<svelte:head> <svelte:head>
<title>Art Feed | denizk0461</title> <title>Creative Feed | denizk0461</title>
</svelte:head> </svelte:head>
{#snippet pageButtons(currentIndex: number)} {#snippet pageButtons(currentIndex: number)}