owncast/web/components/layouts/Main/Main.module.scss
Gabe Kangas 69f217f758
Refactor mobile chat into modal (#3038)
* feat(mobile): refactor mobile chat into modal

- Make page always scrollable
- Move mobile chat into a standalone modal

* fix(test): split out mobile browser test specs

* fix(mobile): force chat button to render on top of footer

* fix: some small updates from review

* fix: hide/show hide chat menu option based on width

* fix: chat button icon getting cut off

* chore(tests): add browser tests for mobile chat modal

* chore(tests): add story for ChatModal component

* fix(test): quiet shellcheck

* fix: remove unused import

* fix(tests): silence storybook linting warning

* fix(ui): reposition chat modal button icon with transform
2023-05-22 18:56:44 -07:00

15 lines
342 B
SCSS

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