LogalDeveloper/owncast
0
Fork 0
Code Activity

Changed Layout a bit

Browse Source 
now we use less state for the layout. Chat and header are now sticky.
Moved some css vars.
This commit is contained in:
t1enne
2022-05-17 08:41:39 +02:00
parent 528ae4c1ad
commit a69ec7511a
6 changed files with 16 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/components/ui/Content/Content.module.scss
View File

@@ -1,26 +1,20 @@
.root {
display: grid;
grid-template-columns: 1fr;
grid-template-columns: 1fr auto;
}
.mobileChat {
display: block;
position: absolute;
background-color: white;
top: 0px;
width: 100%;
height: calc(50vh - var(--header-h));
}
.leftCol {
display: grid;
// -64px, which is the header
grid-template-rows: 50vh calc(50vh - var(--header-h));
}
.lowerRow {
position: relative;
display: grid;
grid-template-rows: 1fr var(--header-h);
}
.pageContentSection {
@@ -35,7 +29,4 @@
.mobileChat {
display: none;
}
.root[data-columns='2'] {
grid-template-columns: 1fr var(--chat-w);
}
}