owncast/web/components/ui/Sidebar/Sidebar.module.scss
t1enne d12712a107 Changed chat behaviour
added recoil value isMobile to determine which chat to display and
style. #1978

changed the player to actually span across the viewport without the
black borders around it.
2022-07-03 12:36:30 +02:00

27 lines
532 B
SCSS

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