better sizing for mobile

This commit is contained in:
matty 2024-06-19 19:52:55 -04:00
parent 226ea38e4d
commit 0737e14472

View File

@ -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 */
} }
} }