Call lobby: don't flip avatar when video is off
This commit is contained in:
parent
91af0dad78
commit
1965228e54
2 changed files with 6 additions and 3 deletions
|
@ -7,9 +7,12 @@
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
transform: rotateY(180deg);
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
|
|
||||||
|
&--camera-is-on {
|
||||||
|
transform: rotateY(180deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__camera-is-off {
|
&__camera-is-off {
|
||||||
|
|
|
@ -153,13 +153,13 @@ export const CallingLobby = ({
|
||||||
<div className="module-calling__container">
|
<div className="module-calling__container">
|
||||||
{shouldShowLocalVideo ? (
|
{shouldShowLocalVideo ? (
|
||||||
<video
|
<video
|
||||||
className="module-CallingLobby__local-preview"
|
className="module-CallingLobby__local-preview module-CallingLobby__local-preview--camera-is-on"
|
||||||
ref={localVideoRef}
|
ref={localVideoRef}
|
||||||
autoPlay
|
autoPlay
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<CallBackgroundBlur
|
<CallBackgroundBlur
|
||||||
className="module-CallingLobby__local-preview"
|
className="module-CallingLobby__local-preview module-CallingLobby__local-preview--camera-is-off"
|
||||||
avatarPath={me.avatarPath}
|
avatarPath={me.avatarPath}
|
||||||
color={me.color}
|
color={me.color}
|
||||||
/>
|
/>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue