Skip to content

Commit f2c67e5

Browse files
LucasMaupinclaude
andcommitted
feat(demo): make video player fill content area, compact resources strip
- .video-area: flex: 1 so it fills remaining height instead of shrinking - #ingest: height: 100%, removed max-height cap - .resources-pane: fixed 160px height at bottom, tighter padding - .section-header: margin-bottom 12px → 8px to fit compact pane Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 3c486e9 commit f2c67e5

File tree

1 file changed

+8
-5
lines changed

1 file changed

+8
-5
lines changed

packages/demo/src/index.html

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -329,14 +329,16 @@
329329
.video-area {
330330
position: relative;
331331
background: #000;
332-
flex-shrink: 0;
332+
flex: 1;
333+
min-height: 0;
333334
border-bottom: 1px solid var(--border);
335+
overflow: hidden;
334336
}
335337

336338
#ingest {
337339
display: block;
338340
width: 100%;
339-
max-height: 400px;
341+
height: 100%;
340342
object-fit: contain;
341343
background: #000;
342344
}
@@ -365,16 +367,17 @@
365367
/* ── Resources pane ──────────────────────────────── */
366368

367369
.resources-pane {
368-
flex: 1;
370+
flex-shrink: 0;
371+
height: 160px;
369372
overflow-y: auto;
370-
padding: 16px;
373+
padding: 10px 16px;
371374
}
372375

373376
.section-header {
374377
display: flex;
375378
align-items: center;
376379
justify-content: space-between;
377-
margin-bottom: 12px;
380+
margin-bottom: 8px;
378381
}
379382

380383
.section-title {

0 commit comments

Comments
 (0)