improvement(feed): rework the row views from UAT feedback

The bare row becomes a single line — title truncating into the space left, then channel, badges, meta and the actions each holding a fixed column — and it drops the 896px reading cap, since with the actions right-aligned there is no gap for the extra width to stretch. The actions get a reserved slot: the reset button only exists for videos with watch state, so without one the meta sat 32px further right on some rows than others. Rows and tiles get a permanent container instead of a hover-only fill. They were transparent at rest and painted an opaque bg on hover, so running the pointer down the list kept covering and re-revealing the ambient backdrop — which reads as the background flickering. Card actions now sit on the bottom edge rather than wherever the title ends, and the small thumbnails carry icon-only controls: the labelled Continue / Restart are sized for a card's image and were clipped at 176px.
2026-07-16 04:14:27 +02:00
parent de1b32ba6f
commit f108c93c02
3 changed files with 107 additions and 52 deletions
@@ -149,12 +149,12 @@ export default function VirtualFeed({
            }}
          >
            {/* One branch for both shapes: the single-column views just chunk to colCount 1 and
-                get the reading-width cap instead of grid columns. */}
+                get their reading-width cap instead of grid columns. */}
            <div
-              className={singleCol ? "max-w-4xl mx-auto pb-1" : "grid gap-4"}
+              className={singleCol ? "mx-auto pb-1" : "grid gap-4"}
              style={
                singleCol
-                  ? undefined
+                  ? { maxWidth: FEED_VIEW_SPEC[view].maxCol ?? undefined }
                  : { gridTemplateColumns: `repeat(${colCount}, minmax(0, 1fr))` }
              }
            >