MigrateRepos/decentralized-video-chat
1
0
Fork 0
mirror of https://github.com/ianramzy/decentralized-video-chat.git synced 2024-11-17 07:39:21 +08:00
Code Issues Releases Wiki Activity

Merge branch 'fixes' of https://github.com/questo-ai/decentralized-video-chat into fixes

Browse Source
This commit is contained in:
Khush Jammu 2020-06-03 17:50:53 +08:00
commit be2ca57a47
1 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
public/css/chat.css vendored
View File

@ -111,7 +111,9 @@ a {
#wrapper { #wrapper {
display: flex; display: flex;
flex-direction: column; /* flex: 1 1 20em; */
/* flex-basis: 30%; */
flex-direction: row;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
@ -122,8 +124,8 @@ a {
left: 50%; left: 50%;
-ms-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 65%; width: 100%;
max-height: 100%; max-height: 90vh;
max-width: 100%; max-width: 100%;
} }
@ -145,7 +147,7 @@ a {
padding: 10px; padding: 10px;
} }
#remote-video:first-child:nth-last-child(1) { #remote-video:first-child:nth-last-child(1) {
/* -or- li:only-child { */ width: min(calc(80vh * 4/3), 80vw);
max-height: 80vh; max-height: 80vh;
} }
@ -421,7 +423,22 @@ button:hover {
margin: 0; margin: 0;
line-height: 2rem; line-height: 2rem;
} }
#wrapper {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
justify-content: center;
padding: 0;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, calc(-50% - 3rem));
max-height: 90%;
max-width: 100%;
}
#remote-video { #remote-video {
/* width: 75vw; /* width: 75vw;
height: calc((16/9) * 75vw); */ height: calc((16/9) * 75vw); */