towsty/aigen
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Scale viewer stills and clips to fill the stage with contain.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Towsty
2026-09-18 20:31:15 -05:00
co-authored by Cursor
parent 589791cdb8
commit dccfafa08b
2 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/display.css
+14 -6
View File
@@ -324,24 +324,32 @@
display: flex;
flex: 1;
min-height: 0;
min-width: 0;
flex-direction: column;
}
/* Stage: fills center column above filmstrip + transport */
.viewer-frame {
position: relative;
display: grid;
display: flex;
flex: 1;
min-height: 360px;
place-items: center;
min-height: 0;
min-width: 0;
align-items: center;
justify-content: center;
overflow: hidden;
background: #0a0a0c;
background: #0b0b0d;
}
.viewer-frame img,
.viewer-frame video {
/* Grow until width or height hits the stage; letterbox/pillarbox via contain */
.viewer-frame > img,
.viewer-frame > video {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
object-position: center;
}
.eye-viewer {