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

added rounded corners to some main page elements

Browse Source
This commit is contained in:
denizk0461
2026-04-08 21:31:35 +02:00
parent 4f9bd66b2c
commit a0320ba7a2
2 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/lib/lists/gallery-row.svelte
View File

@@ -40,6 +40,7 @@
margin: 0; margin: 0;
padding: 8px; padding: 8px;
text-decoration: none; text-decoration: none;
border-radius: var(--border-radius);
transition: background-color var(--duration-animation) var(--anim-curve), transition: background-color var(--duration-animation) var(--anim-curve),
border-color var(--duration-animation) var(--anim-curve), border-color var(--duration-animation) var(--anim-curve),
backdrop-filter var(--duration-blur) var(--anim-curve); backdrop-filter var(--duration-blur) var(--anim-curve);
@@ -55,12 +56,18 @@
scale: 1.2; 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 { .row-img-container {
width: 100%; width: 100%;
height: 160px; height: 160px;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
justify-content: center; justify-content: center;
transition: border-radius var(--duration-animation) var(--anim-curve);
} }
.row-img { .row-img {

1
src/routes/+page.svelte
View File

@@ -216,6 +216,7 @@
border-width: var(--border-dash-size); border-width: var(--border-dash-size);
border-style: var(--border-style); border-style: var(--border-style);
border-color: var(--color-highlight-alt); border-color: var(--color-highlight-alt);
border-radius: var(--border-radius);
/* transition: border-radius var(--duration-animation) var(--anim-curve); */ /* transition: border-radius var(--duration-animation) var(--anim-curve); */
/* border-radius: var(--border-radius); */ /* border-radius: var(--border-radius); */
} }