Matrix/element-call-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-call.git synced 2024-11-15 00:04:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

More styling

Browse Source
This commit is contained in:
Robert Long 2021-07-26 17:16:04 -07:00
parent 60ee420592
commit f456265f0c
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/App.module.css
View File

@ -19,6 +19,7 @@ limitations under the License.
max-width: 960px; max-width: 960px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 0 20px;
} }
.page input { .page input {
@ -93,19 +94,28 @@ limitations under the License.
} }
.roomContainer { .roomContainer {
overflow: hidden;
display: flex; display: flex;
flex: 1; flex: 1;
flex-direction: column;
gap: 2px;
} }
.participant { .participant {
display: flex; display: flex;
position: relative; position: relative;
flex: 1; flex: 1;
flex-shrink: 1;
min-height: 0;
background-color: black;
} }
.participant video { .participant video {
width: 100%; max-height: 100%;
height: 100%; z-index: 0;
display: block;
margin: auto;
max-width: 100%;
} }
.participantLabel { .participantLabel {
@ -115,3 +125,9 @@ limitations under the License.
padding: 8px 16px; padding: 8px 16px;
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
} }
@media(min-width: 800px) {
.roomContainer {
flex-direction: row;
}
}