chris/streamarr
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

made some nice progress today!

Browse source
This commit is contained in:
Chris Kruining 2025-05-19 01:06:20 +02:00
parent 78b9857f57
commit 7c5d2a25ff
Signed by: chris
SSH key fingerprint: SHA256:nG82MUfuVdRVyCKKWqhY+pCrbz9nbX6uzUns4RKa1Pg
15 changed files with 1065 additions and 330 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/features/overview/list-item.module.css
View file

@ -5,7 +5,7 @@
grid: 100% / 100%;
place-items: start center;
position: relative;
inline-size: clamp(15em, 20vw, 30em);
inline-size: clamp(15em, 15cqi, 25em);
aspect-ratio: var(--ratio-portrait);
transform: translateY(calc(-2 * var(--padding)));
z-index: 1;
@ -21,20 +21,28 @@
z-index: 1;
box-shadow: var(--shadow-2);
background:
radial-gradient(circle at 25% 30%, #7772, #7774 1em, transparent 1em),
radial-gradient(circle at 85% 15%, #7772, #7774 1em, transparent 1em),
linear-gradient(165deg, transparent 60%, #555 60%, #333),
radial-gradient(
ellipse 5em 2.25em at 0.5em calc(50% - 1em), #333 100%, transparent 100%
),
radial-gradient(
ellipse 5em 2.25em at calc(100% - 0.5em) calc(50% + 1em), #555 100%, transparent 100%
),
linear-gradient(to bottom, #333 50%, #555 50%);
background: radial-gradient(
circle at 25% 30%,
#7772,
#7774 1em,
transparent 1em
),
radial-gradient(circle at 85% 15%, #7772, #7774 1em, transparent 1em),
linear-gradient(165deg, transparent 60%, #555 60%, #333),
radial-gradient(
ellipse 5em 2.25em at 0.5em calc(50% - 1em),
#333 100%,
transparent 100%
),
radial-gradient(
ellipse 5em 2.25em at calc(100% - 0.5em) calc(50% + 1em),
#555 100%,
transparent 100%
),
linear-gradient(to bottom, #333 50%, #555 50%);
transform-origin: 50% 0;
transform: scale(1.1) translateY(calc(-4 * var(--padding)));
transform: scale(1.15) translateY(calc(-4 * var(--padding)));
user-select: none;
}