owncast/web/components/ui/Content/Content.module.scss
Pranav Joglekar ee08c42c6d
improv ui: make footer sit at bottom (#2212)
This commit makes the footer always attach to the bottom of the screen.
This is done by setting the minWidth of the main antd layout component
to 100vh and moving the footer component outside the spinner, since antd
does not allow granular component inside the spin component.

This commit also removes some styles which were not being used due to
invalid antd api.

Co-authored-by: Gabe Kangas <gabek@real-ity.com>
2022-10-16 23:07:21 -07:00

35 lines
539 B
SCSS

.root {
display: grid;
grid-template-columns: 1fr auto;
height: 100%;
background-color: var(--theme-color-background-main);
.topSection {
padding: 0;
background-color: var(--theme-color-components-video-background);
}
.lowerSection {
padding: 0em 2%;
margin-bottom: 2em;
}
.lowerSectionMobile {
padding: 0.3em;
}
}
.leftCol {
display: flex;
flex-direction: column;
}
.loadingSpinner {
display: grid;
}
.main {
display: grid;
flex: 1;
height: 100%;
grid-template-rows: 1fr auto;
}