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;
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 {