Call lobby: don't flip avatar when video is off

This commit is contained in:
Evan Hahn 2021-08-18 16:06:26 -05:00 committed by GitHub
parent 91af0dad78
commit 1965228e54
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 3 deletions

View file

@ -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 {

View file

@ -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}
/> />