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

Episodes page: show both series lanes (A and B) in the hero with lane-aware series chips; v2.31.1

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 5.5 committed 2026-10-13 07:52:22 -04:00
1 parent f1577e9d8a
commit d1c84aec6b
4 files changed
+33 -22
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/App.css
+9 -12
View File
@@ -13788,17 +13788,13 @@ a.study-track-card:hover {
/* ── Episodes hub & Finished Books library ── */
.ep-hero {
display: grid;
grid-template-columns: 220px 1fr;
grid-template-areas: "art body" "player player";
gap: 1.5rem 2rem;
align-items: center;
max-width: 1000px;
}
.ep-hero-art { grid-area: art; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; border: 1px solid rgba(201, 168, 76, 0.25); }
.ep-hero-body { grid-area: body; }
.ep-hero-player { grid-area: player; }
.ep-hero { max-width: 1000px; display: flex; flex-direction: column; gap: 1.5rem; }
.ep-hero-series { display: block; }
.ep-hero-series--two { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.ep-hero-series-card { display: grid; grid-template-columns: 220px 1fr; gap: 1.5rem 2rem; align-items: center; }
.ep-hero-series--two .ep-hero-series-card { grid-template-columns: 110px 1fr; gap: 1rem; align-items: start; padding: 1rem; background: rgba(26, 26, 21, 0.7); border: 1px solid rgba(201, 168, 76, 0.18); border-radius: 12px; }
.ep-hero-art { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; border: 1px solid rgba(201, 168, 76, 0.25); }
.ep-hero-browse { display: inline-block; margin-top: 0.6rem; font-size: 0.85rem; color: var(--brand-gold); text-decoration: none; letter-spacing: 0.04em; }
.ep-hero-title { font-family: var(--brand-font-heading); font-size: 1.7rem; color: #e8d9b5; margin: 0.2rem 0 0.6rem; }
.ep-hero-desc { color: var(--brand-muted); line-height: 1.6; margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.section-episode-browser { padding: 3rem 0 2rem; }
@@ -13819,7 +13815,8 @@ a.study-track-card:hover {
.finished-book-card--featured .finished-book-card-title { font-size: 1.8rem; }
@media (max-width: 640px) {
.ep-hero { grid-template-columns: 96px 1fr; gap: 1rem; }
.ep-hero-series--two { grid-template-columns: 1fr; }
.ep-hero-series-card, .ep-hero-series--two .ep-hero-series-card { grid-template-columns: 96px 1fr; gap: 1rem; }
.ep-hero-title { font-size: 1.3rem; }
.ep-hero-desc { -webkit-line-clamp: 3; font-size: 0.9rem; }
.ep-season-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 0.2rem; }