diff options
| author | Adam Soltys <[email protected]> | 2026-10-19 00:01:52 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-10-19 00:01:52 -0700 |
| commit | e571187361ec9af1db8fba9050c23ec10db677f4 (patch) | |
| tree | f650d51d5e0de7ffb3b79db165509643c08c3782 /src/style.css | |
| parent | 8db6bd1e3dff5d55eb82a854149a387b5d718148 (diff) | |
| download | coinosv3-e571187361ec9af1db8fba9050c23ec10db677f4.tar.gz coinosv3-e571187361ec9af1db8fba9050c23ec10db677f4.zip | |
Screen sharing. In a call: Share screen in the call's bar (where the browser can — desktops) puts your screen in your camera's place, or into the call if your camera's off; Stop sharing, or the browser's own, brings the camera back or stops the picture, and the other side's view follows (a picture that stops coming is hidden). Live: Share screen / Back to camera on the broadcast bar switches without stopping the stream; the browser's Stop sharing goes back to the camera instead of ending it, and a cancelled screen picker leaves the camera going.
Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_013ZDf1cyCQLkfjftYhymZAg
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 1 |
1 files changed, 1 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index df5bccf..c4e5202 100644 --- a/src/style.css +++ b/src/style.css @@ -1939,6 +1939,7 @@ html:has(.call-overlay:not(.call-min)) { overflow: hidden; scrollbar-gutter: aut .call-local { position: absolute; right: 16px; bottom: 120px; width: 28vw; max-width: 180px; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 12px; background: #000; box-shadow: 0 2px 12px rgba(0, 0, 0, .5); z-index: 2; } .call-local.mirror { transform: scaleX(-1); } +.call-local.sharing { aspect-ratio: 16 / 10; object-fit: contain; background: #000; } .call-bar { display: flex; gap: 18px; z-index: 2; flex-wrap: wrap; justify-content: center; } .call-btn { width: 60px; height: 60px; border-radius: 50%; border: 0; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .16); color: #fff; cursor: pointer; padding: 0; } |