frank/ruvnet--RuView
1
0
Fork 0
mirror of https://github.com/ruvnet/RuView synced 2026-07-28 18:21:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: video fills available space + correct WASM path resolution

Browse Source 
- Remove fixed aspect-ratio and max-height from video panel so it
  fills the available viewport space without scrolling
- Grid uses 1fr row for content area, overflow:hidden on main grid
- Fix WASM path: resolve relative to JS module file using import.meta.url
  instead of hardcoded ./pkg/ which resolved incorrectly on gh-pages
- Responsive: mobile still gets aspect-ratio constraint

Co-Authored-By: claude-flow <ruv@ruv.net>
This commit is contained in:
ruv
2026-03-12 16:16:07 -04:00
parent 3be63a7589
commit 4ce8ffc465
2 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/pose-fusion/css/style.css
+9 -7
View File
@@ -129,10 +129,11 @@ body {
.main-grid {
display: grid;
grid-template-columns: 1fr 360px;
grid-template-rows: auto auto;
grid-template-rows: 1fr auto;
gap: 16px;
padding: 16px 24px;
max-height: calc(100vh - 72px);
height: calc(100vh - 72px);
overflow: hidden;
}
/* === Video Panel === */
@@ -142,8 +143,7 @@ body {
border-radius: var(--radius);
border: 1px solid var(--bg-panel-border);
overflow: hidden;
aspect-ratio: 4/3;
max-height: 60vh;
min-height: 0;
}
.video-panel video {
@@ -204,7 +204,7 @@ body {
flex-direction: column;
gap: 12px;
overflow-y: auto;
max-height: calc(100vh - 88px);
min-height: 0;
}
.panel {
@@ -397,7 +397,9 @@ body {
@media (max-width: 900px) {
.main-grid {
grid-template-columns: 1fr;
height: auto;
overflow: auto;
}
.video-panel { aspect-ratio: 16/9; max-height: 40vh; }
.side-panels { max-height: none; }
.video-panel { aspect-ratio: 16/9; max-height: 50vh; }
.side-panels { max-height: none; overflow: visible; }
}