owncast/web/components/ui/Sidebar/Sidebar.module.scss
2022-05-17 16:36:07 +02:00

31 lines
630 B
SCSS

.root {
background-color: var(--theme-background-secondary);
display: none;
}
@media (min-width: 768px) {
.root {
position: sticky;
top: var(--header-h);
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;
}