Spaces:
Running
Running
mego viewer: dial the main cam a bit smaller for a more balanced grid
Browse files- egoSample/mego.html +2 -2
egoSample/mego.html
CHANGED
|
@@ -39,10 +39,10 @@ header h1{margin:0 0 3px;font-size:19px}
|
|
| 39 |
.panel{background:#0e1118;border:1px solid #1c2028;border-radius:8px}
|
| 40 |
|
| 41 |
.vgrid{display:flex;justify-content:center;align-items:stretch;gap:8px;padding:8px}
|
| 42 |
-
.vcol{display:flex;flex-direction:column;justify-content:space-between;gap:8px;flex:1 1
|
| 43 |
.vcol .vp{flex:0 0 auto;aspect-ratio:4/3}
|
| 44 |
.vp{position:relative;background:#000;border-radius:4px;overflow:hidden;min-width:0}
|
| 45 |
-
.vp.main{flex:
|
| 46 |
.vp video{width:100%;height:100%;object-fit:contain;display:block}
|
| 47 |
/* master video for the centre tile: kept rendered (so Chrome keeps decoding) but
|
| 48 |
transparent under the compositing canvas — do NOT use display:none / hidden */
|
|
|
|
| 39 |
.panel{background:#0e1118;border:1px solid #1c2028;border-radius:8px}
|
| 40 |
|
| 41 |
.vgrid{display:flex;justify-content:center;align-items:stretch;gap:8px;padding:8px}
|
| 42 |
+
.vcol{display:flex;flex-direction:column;justify-content:space-between;gap:8px;flex:1 1 190px;min-width:0;max-width:340px}
|
| 43 |
.vcol .vp{flex:0 0 auto;aspect-ratio:4/3}
|
| 44 |
.vp{position:relative;background:#000;border-radius:4px;overflow:hidden;min-width:0}
|
| 45 |
+
.vp.main{flex:2.1 1 400px;aspect-ratio:4/3;max-height:62vh;max-width:calc(100% - 16px)}
|
| 46 |
.vp video{width:100%;height:100%;object-fit:contain;display:block}
|
| 47 |
/* master video for the centre tile: kept rendered (so Chrome keeps decoding) but
|
| 48 |
transparent under the compositing canvas — do NOT use display:none / hidden */
|