0
owncast/web/components/layouts/Main/Main.module.scss
janWilejan 2d72935564
change chat from a sidebar to a column (#3113)
* change chat from a sidebar to a column

Using a 2-column layout prevents the chat scrollbar from overlapping the page
scrollbar. Also, it no longer needs to calculate extra padding for elements.

* remove unused Sidebar.tsx

* fix css for chat column

* re-center "Go to last message" button

* main content column always uses maximum height

* lint

* re-hide scrollbars in mainContent on chromium

* fix chat column width when input is over-full

* chat is only fixed-width in desktop

---------

Co-authored-by: janWilejan <>
2023-07-09 14:07:35 -07:00

16 lines
349 B
SCSS

@import '../../../styles/mixins';
.layout {
// this margin is for fixed header
padding-top: var(--header-height);
background-color: var(--theme-color-main-background);
height: 100vh;
display: flex;
position: relative;
// add some spacing between the last row of content and the footer
.footerContainer {
margin-top: 5em;
}
}