Spaces:
Running
Running
mego viewer: bottom-align head_fisheye side tiles to the main cam edge (space-between columns)
Browse files- egoSample/mego.html +2 -2
egoSample/mego.html
CHANGED
|
@@ -38,8 +38,8 @@ header h1{margin:0 0 3px;font-size:19px}
|
|
| 38 |
@media(max-width:1360px){.layout{grid-template-columns:1fr}}
|
| 39 |
.panel{background:#0e1118;border:1px solid #1c2028;border-radius:8px}
|
| 40 |
|
| 41 |
-
.vgrid{display:flex;justify-content:center;align-items:
|
| 42 |
-
.vcol{display:flex;flex-direction:column;gap:8px;flex:1 1 170px;min-width:0;max-width:360px}
|
| 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:3 1 440px;aspect-ratio:4/3;max-height:74vh;max-width:calc(100% - 16px)}
|
|
|
|
| 38 |
@media(max-width:1360px){.layout{grid-template-columns:1fr}}
|
| 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 170px;min-width:0;max-width:360px}
|
| 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:3 1 440px;aspect-ratio:4/3;max-height:74vh;max-width:calc(100% - 16px)}
|