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; display: flex;
flex: 1; flex: 1;
min-height: 0; min-height: 0;
min-width: 0;
flex-direction: column; flex-direction: column;
} }
/* Stage: fills center column above filmstrip + transport */
.viewer-frame { .viewer-frame {
position: relative; position: relative;
display: grid; display: flex;
flex: 1; flex: 1;
min-height: 360px; min-height: 0;
place-items: center; min-width: 0;
align-items: center;
justify-content: center;
overflow: hidden; overflow: hidden;
background: #0a0a0c; background: #0b0b0d;
} }
.viewer-frame img, /* Grow until width or height hits the stage; letterbox/pillarbox via contain */
.viewer-frame video { .viewer-frame > img,
.viewer-frame > video {
width: 100%;
height: 100%;
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
object-fit: contain; object-fit: contain;
object-position: center;
} }
.eye-viewer { .eye-viewer {
components/studio2/Bench.vue
-1
View File
@@ -171,7 +171,6 @@
ref="viewerVideo" ref="viewerVideo"
:key="selected.id" :key="selected.id"
:src="`/api/library/clips/${selected.id}/video`" :src="`/api/library/clips/${selected.id}/video`"
class="h-full w-full"
:muted="viewerMuted" :muted="viewerMuted"
@timeupdate="onVideoTime" @timeupdate="onVideoTime"
@loadedmetadata="onVideoTime" @loadedmetadata="onVideoTime"