LogalDeveloper/owncast
0
Fork 0
Code Activity

fix msg container

Browse Source
This commit is contained in:
Ginger Wong
2020-06-11 01:24:05 -07:00
parent 69ba10a898
commit 9b2e4f40c9
3 changed files with 30 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
webroot/styles/layout.css
View File

@@ -2,12 +2,15 @@
:root {
--header-height: 3em;
--right-col-width: 24em;
--chat-bg-color: rgba(11,0,33,.95);
--header-bg-color: rgba(20,0,40,1);
}
body {
font-size: 14px;
background-color: #ccc;
background-color: #666;
}
::-webkit-scrollbar {
width: 0px;
@@ -29,7 +32,7 @@ header {
height: var(--header-height);
top: 0;
left: 0;
background-color: rgba(20,0,40,1);
background-color: var(--header-bg-color);
z-index: 10;
}
@@ -77,13 +80,18 @@ header h1 {
right: 0;
height: 100%;
width: var(--right-col-width);
background-color: rgba(20,0,40,.5);
height: calc(100vh - var(--header-height))
background-color: var(--chat-bg-color);
height: calc(100vh - var(--header-height));
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
#messages-container {
overflow: auto;
padding: 1em 0;
}
#chat-input-container {
position: absolute;
bottom: 0;
width: 100%;
border-top: 1px solid #eee;
padding: 1em;