xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add mobile css fixes

Browse source
This commit is contained in:
Robert Long 2021-08-04 17:29:52 -07:00
parent c237c53484
commit ef8c27b625
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/Room.module.css
View file

@ -16,7 +16,7 @@ limitations under the License.
.room { .room {
position: fixed; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100vw; width: 100vw;
@ -30,6 +30,12 @@ limitations under the License.
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 64px; height: 64px;
max-width: 30%;
}
.header h5 {
text-overflow: ellipsis;
overflow: hidden;
} }
.backNav { .backNav {
@ -88,6 +94,7 @@ limitations under the License.
flex: 1; flex: 1;
flex-direction: column; flex-direction: column;
gap: 2px; gap: 2px;
min-height: 0;
} }
.participant { .participant {
@ -124,6 +131,10 @@ limitations under the License.
} }
@media(min-width: 800px) { @media(min-width: 800px) {
.room {
position: fixed;
}
.roomContainer { .roomContainer {
flex-direction: row; flex-direction: row;
} }