worked on chat styling

This commit is contained in:
t1enne
2022-05-17 16:36:07 +02:00
parent 5f9995bab9
commit b6aa20b0aa
6 changed files with 56 additions and 14 deletions

View File

@@ -7,8 +7,25 @@
.root {
position: sticky;
top: var(--header-h);
display: flex;
min-width: 300px !important;
display: block;
max-height: calc(100vh - var(--header-h));
}
}
/*
First div is .ant-layout-sider-children
Only way to target it apparently
*/
.root > div {
display: flex;
flex-flow: column nowrap;
-moz-box-flex: 1 !important;
flex-grow: 1 !important;
height: 100% !important;
}
.chatHeader {
text-align: center;
color: var(--text-color-secondry);
border-bottom: 1px solid var(--color-owncast-gray-700);
font-variant: small-caps;
}