Movies & TV: arrows and drag to slide rows (no scrollbar needed), Trailer button (Plex extras, else a YouTube search)
build-container / build (push) Successful in 11m18s

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 5.5 committed 2026-10-23 10:30:24 -04:00
1 parent d598501393
commit 7198efaccd
5 files changed
+46 -2

No files matched your search

+7
View File
@@ -801,3 +801,10 @@ kbd { display: inline-block; padding: 1px 7px; border: 1px solid var(--line); bo
.vrow > .vcard:not(.wide) { flex: none; width: 130px; }
@media (min-width: 768px) { .vrow > .vcard:not(.wide) { width: 150px; } }
.vrow > .vcard:not(.wide) .vimg { aspect-ratio: 2/3; }
/* sideways rows: arrows and drag */
.vslide { position: relative; }
.vrow { scrollbar-width: none; } .vrow::-webkit-scrollbar { display: none; }
.vrow.drag { cursor: grabbing; user-select: none; scroll-snap-type: none; } .vrow.drag * { pointer-events: none; }
.vsl { position: absolute; top: 28%; z-index: 4; width: 38px; height: 38px; min-height: 0; padding: 0; border-radius: 50%; border: 1px solid var(--line); background: color-mix(in srgb, var(--panel) 92%, transparent); color: var(--text); font-size: 24px; line-height: 1; display: grid; place-items: center; cursor: pointer; box-shadow: 0 4px 14px rgba(0, 0, 0, .3); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.vsl[hidden] { display: none; } .vsl.l { left: -6px; } .vsl.r { right: -6px; }
@media (hover: none) { .vsl { display: none; } }