mirror of
https://github.com/fromchat-messenger/web.git
synced 2026-09-23 03:25:07 +03:00
Fix track distinguishing
This commit is contained in:
@@ -154,10 +154,14 @@
|
||||
}
|
||||
}
|
||||
|
||||
.screen-share-tile {
|
||||
min-height: 150px;
|
||||
.screen-share-tile {
|
||||
min-height: 150px;
|
||||
|
||||
.screen-share-video {
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.call-controls {
|
||||
padding: 8px;
|
||||
@@ -391,10 +395,13 @@
|
||||
min-height: 480px;
|
||||
grid-column: 1 / -1;
|
||||
border: 2px solid rgba($color-dark-primary, 0.6);
|
||||
overflow: hidden;
|
||||
|
||||
.video-element {
|
||||
.screen-share-video {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
background: rgba(0, 0, 0, 0.9);
|
||||
background: rgba(0, 0, 0, 0.95);
|
||||
}
|
||||
|
||||
.tile-label {
|
||||
|
||||
@@ -247,7 +247,7 @@ export function CallWindow() {
|
||||
style={{ display: call.isSharingScreen ? "flex" : "none" }}>
|
||||
<video
|
||||
ref={localScreenShareRef}
|
||||
className="video-element"
|
||||
className="video-element screen-share-video"
|
||||
autoPlay
|
||||
playsInline
|
||||
muted />
|
||||
@@ -259,7 +259,7 @@ export function CallWindow() {
|
||||
style={{ display: call.isRemoteScreenSharing ? "flex" : "none" }}>
|
||||
<video
|
||||
ref={remoteScreenShareRef}
|
||||
className="video-element"
|
||||
className="video-element screen-share-video"
|
||||
autoPlay
|
||||
playsInline />
|
||||
<div className="tile-label">{remoteUsername}'s Screen</div>
|
||||
|
||||
Reference in New Issue
Block a user