better sizing for mobile
This commit is contained in:
parent
226ea38e4d
commit
0737e14472
@ -37,7 +37,7 @@
|
|||||||
#peertube-plugin-livechat-container converse-root {
|
#peertube-plugin-livechat-container converse-root {
|
||||||
|
|
||||||
converse-muc {
|
converse-muc {
|
||||||
min-height: 50vh;
|
min-height: 57vh;
|
||||||
/* 100vh - 30vh for video = 70vh remaining */
|
/* 100vh - 30vh for video = 70vh remaining */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -47,7 +47,7 @@
|
|||||||
@media only screen and (min-width: 50vw) and (max-width: 75vw) {
|
@media only screen and (min-width: 50vw) and (max-width: 75vw) {
|
||||||
#peertube-plugin-livechat-container converse-root {
|
#peertube-plugin-livechat-container converse-root {
|
||||||
converse-muc {
|
converse-muc {
|
||||||
min-height: 65vh;
|
min-height: 57vh;
|
||||||
/* Slightly less to account for other elements */
|
/* Slightly less to account for other elements */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -57,7 +57,7 @@
|
|||||||
@media only screen and (min-width: 76vw) and (max-width: 100vw) {
|
@media only screen and (min-width: 76vw) and (max-width: 100vw) {
|
||||||
#peertube-plugin-livechat-container converse-root {
|
#peertube-plugin-livechat-container converse-root {
|
||||||
converse-muc {
|
converse-muc {
|
||||||
min-height: 70vh;
|
min-height: 57vh;
|
||||||
/* Assuming more height can be used */
|
/* Assuming more height can be used */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user