owncast/web/components/ui/Content/Content.module.scss

59 lines
1,023 B
SCSS
Raw Normal View History

@import '../../../styles/mixins.scss';
2022-05-04 00:55:13 +03:00
.root {
2022-05-12 09:31:31 +03:00
display: grid;
grid-template-columns: 1fr auto;
2022-10-13 21:13:37 +03:00
width: 100%;
background-color: var(--theme-color-background-main);
2022-11-13 23:37:31 +03:00
@include screen(desktop) {
height: var(--content-height);
}
2022-10-13 21:13:37 +03:00
.mainSection {
display: flex;
2022-10-13 22:23:44 +03:00
overflow-y: scroll;
2022-10-13 21:13:37 +03:00
flex-direction: column;
}
2022-11-13 23:37:31 +03:00
.mainSection::-webkit-scrollbar {
width: 5px;
height: auto;
background-color: var(--theme-color-components-scrollbar-background);
}
.mainSection::-webkit-scrollbar-thumb {
background: var(--theme-color-components-scrollbar-thumb);
2022-12-06 08:52:24 +03:00
border-radius: 1px;
2022-11-13 23:37:31 +03:00
}
.topSection {
padding: 0;
background-color: var(--theme-color-components-video-background);
}
.lowerSection {
2022-09-10 22:08:22 +03:00
padding: 0em 2%;
2022-09-02 08:00:00 +03:00
margin-bottom: 2em;
}
2022-09-10 22:08:22 +03:00
.lowerSectionMobile {
padding: 0.3em;
}
}
2022-05-04 00:55:13 +03:00
.leftCol {
display: flex;
flex-direction: column;
2022-05-04 00:55:13 +03:00
}
2022-05-18 02:07:56 +03:00
.loadingSpinner {
display: grid;
}
.main {
display: grid;
flex: 1;
height: 100%;
grid-template-rows: 1fr auto;
}