nate/hub
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Movies & TV: browse and play your Plex movies and shows (resume, progress to Plex, next episode, quality, audio and subtitles, direct play or HLS conversion)
build-container / build (push) Successful in 20m38s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 5.5 committed 2026-10-22 10:49:53 -04:00
1 parent 84a0ea10e9
commit f3216b2f3b
11 files changed
+300 -9
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/style.css
+29
View File
@@ -576,3 +576,32 @@ body.nav-mini .ngrp span { display: none; }
/* Text preview and editing */
.ptxt { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 60dvh; overflow: auto; background: var(--panel2); border-radius: 12px; padding: 12px 14px; font: 13px/1.5 ui-monospace, Menlo, Consolas, monospace; margin: 8px 0; }
.ptxt-edit { width: 100%; height: 55dvh; font: 13px/1.5 ui-monospace, Menlo, Consolas, monospace; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line); background: var(--panel); resize: vertical; }
/* Movies & TV */
.vgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 14px; margin-top: 10px; }
.vrow { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 6px; }
.vcard { display: block; min-width: 0; color: inherit; }
.vcard.wide { flex: none; width: 250px; }
.vcard b, .vcard small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vcard b { margin-top: 6px; font-size: 14px; } .vcard small { color: var(--muted); }
.vimg { position: relative; display: block; width: 100%; border-radius: 10px; overflow: hidden; background: var(--panel2); }
.vimg img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; inset: 0; }
.vimg > i:not(.vprog) { position: absolute; inset: 0; display: grid; place-items: center; color: var(--muted); }
.vseen { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border-radius: 50%; background: rgba(0, 0, 0, .65); color: #fff; display: grid; place-items: center; }
.vseen svg { width: 14px; height: 14px; }
.vprog { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: rgba(0, 0, 0, .5); display: block; }
.vprog b { display: block; height: 100%; background: var(--accent); }
.vdetail .vhead { display: flex; gap: 18px; align-items: flex-start; flex-wrap: wrap; }
.vpost { width: 150px; flex: none; }
.vinfo { flex: 1; min-width: 220px; }
.vsum { line-height: 1.6; max-width: 70ch; }
.vhero { position: relative; }
.vbg { position: absolute; inset: -8px -16px auto -16px; width: calc(100% + 32px); height: 220px; object-fit: cover; opacity: .18; z-index: -1; mask-image: linear-gradient(#000, transparent); -webkit-mask-image: linear-gradient(#000, transparent); }
.vep { align-items: flex-start; }
.vwrap { max-width: 1280px; margin: 0 auto; }
.vbar { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.vtitle { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vwrap video { width: 100%; max-height: 78dvh; background: #000; border-radius: 12px; display: block; }
.vnext { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 10px; padding: 12px 14px; border-radius: 12px; background: var(--panel2); }
.vnext b { flex: 1; min-width: 160px; }
@media (min-width: 768px) { .vgrid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } .vpost { width: 190px; } }