From a0320ba7a2ace272a979884b70535fa1def89486 Mon Sep 17 00:00:00 2001 From: denizk0461 Date: Wed, 8 Apr 2026 21:31:35 +0200 Subject: [PATCH] added rounded corners to some main page elements --- src/lib/lists/gallery-row.svelte | 7 +++++++ src/routes/+page.svelte | 1 + 2 files changed, 8 insertions(+) diff --git a/src/lib/lists/gallery-row.svelte b/src/lib/lists/gallery-row.svelte index 6991eb1..241f14a 100644 --- a/src/lib/lists/gallery-row.svelte +++ b/src/lib/lists/gallery-row.svelte @@ -40,6 +40,7 @@ margin: 0; padding: 8px; text-decoration: none; + border-radius: var(--border-radius); transition: background-color var(--duration-animation) var(--anim-curve), border-color var(--duration-animation) var(--anim-curve), backdrop-filter var(--duration-blur) var(--anim-curve); @@ -55,12 +56,18 @@ scale: 1.2; } + .row-entry:hover .row-img-container { + border-top-left-radius: calc(var(--border-radius) - 8px); + border-top-right-radius: calc(var(--border-radius) - 8px); + } + .row-img-container { width: 100%; height: 160px; overflow: hidden; display: flex; justify-content: center; + transition: border-radius var(--duration-animation) var(--anim-curve); } .row-img { diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 10da6bf..a082a1d 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -216,6 +216,7 @@ border-width: var(--border-dash-size); border-style: var(--border-style); border-color: var(--color-highlight-alt); + border-radius: var(--border-radius); /* transition: border-radius var(--duration-animation) var(--anim-curve); */ /* border-radius: var(--border-radius); */ }