Sineedge/sparq_video_chat
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

for ui changes

Browse Source
This commit is contained in:
venbatechnologies@gmail.com 2021-10-26 17:13:30 +05:30
parent 11c4fa11e2
commit f733ffb4f6
1 changed files with 23 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/pd/chat-component/chat-component.component.scss
View File

@ -183,12 +183,15 @@ body{
// "A B" // "A B"
// "C C"; // "C C";
grid-template-areas: grid-template-areas:
"A B"; "A B C";
// "B C";
//height:50%;
//width:100%;
::ng-deep .my-video{ ::ng-deep .my-video{
position: absolute; position: absolute;
top: 0; top: 0;
height:145px; height:50%;
width: 140px; width: 100%;
} }
} }
} }
@ -197,7 +200,18 @@ body{
grid-template-rows: $two-rows; grid-template-rows: $two-rows;
grid-template-areas: grid-template-areas:
"A B" "A B"
"C D"; "A C"
"A D";
background-color: #0f0f0f;
padding-left: 150px;
padding-right: 150px;
height:50%;
width:100%;
@media (orientation: portrait) {
padding-left:0px;
padding-right:0px;
}
} }
.grid--5 { .grid--5 {
@ -262,19 +276,21 @@ body{
} }
::ng-deep .video-wrapper { ::ng-deep .video-wrapper {
background-color: black;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
padding: 2px; padding: 20px;
.identity-name { .identity-name {
position: relative; position: relative;
background-color: #b1b1b1; background-color: #0f0f0f;
text-align: center; text-align: center;
opacity: 0.8; opacity: 0.8;
padding: 0; padding: 0;
bottom: 39px; bottom: 39px;
left: 0%; left: 0%;
.praticipant-name { .praticipant-name {
color:white;
// width: 80%; // width: 80%;
margin-left: 30px; margin-left: 30px;
margin-right: 30px; margin-right: 30px;