Kieran/zap.stream
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: chat height with css

Browse Source
This commit is contained in:
Alejandro Gomez
2023-06-26 15:28:24 +02:00
parent 8bc4c1e2ce
commit ddbe0e2a92
4 changed files with 26 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/layout.css
View File

@ -11,16 +11,20 @@
gap: 0;
}
.page.home {
display: grid;
grid-template-areas:
"header"
"video-content";
grid-template-rows: 64px 1fr;
grid-template-columns: 1fr;
}
.live-chat {
max-height: calc(100vh - 385px);
}
@media (min-width: 768px) {
.info {
display: none;
}
.video-content video {
height: calc(100vh - 64px);
}
@ -34,18 +38,15 @@
display: grid;
grid-template-areas:
"header header"
"video-content profile"
"video-content chat";
grid-template-rows: 64px min-content;
grid-template-columns: calc(min(600px, 1fr)) 1fr;
grid-template-columns: minmax(600px, 1fr) min-content;
gap: 0;
}
}
@media (min-width: 1020px) {
.video-content video {
height: unset;
}
.page {
width: unset;
display: grid;
@ -57,7 +58,7 @@
"header header"
"video-content chat"
"profile chat";
gap: 32px;
gap: 0;
}
}