owncast/web/components/layouts/Main/Main.module.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;
  }
}
fix scroll on mobile (#2585) * fix scrolling issues on mobile * resolve conflict 2023-01-16 05:37:21 +03:00			`@import '../../../styles/mixins.scss';`

			`.layout {`
fix: #2668 Page Vertical Spacing Issues (#2863) * fix: #2668 Page Vertical Spacing Issues * Update test to reflect mobile work * chore: refactor action buttons --------- Co-authored-by: thisProjects <wibbet@wobbet.com> Co-authored-by: Gabe Kangas <gabek@real-ity.com> 2023-04-27 01:31:23 +03:00			`// this margin is for fixed header`
Address some layout issues with odd content spacing on mobile, and footer position (#3022) * - set vars for player container height and status bar height - use them to calculate mobile top spacing to adjust for tab content positioning * give main content section a min height, place footer absolutely at bottom; rm all the fixed footer styling * cleanup; restructure tabbed display logic and css a bit * Prettified Code! * cleanup * fix(story): footer story needs to be wrapped in RecoilRoot if it is to use Recoil * revert adding footer to mobile about section * prevent double scrolling --------- Co-authored-by: gingervitis <gingervitis@users.noreply.github.com> Co-authored-by: Gabe Kangas <gabek@real-ity.com> 2023-05-18 22:13:26 +03:00			`padding-top: var(--header-height);`
fix(ui): restore page margin and background color. Closes #2959 2023-04-27 07:24:26 +03:00			`background-color: var(--theme-color-main-background);`
fix(ui): do not add extra spacing to every ant row. Closes #3031 (#3033) 2023-05-20 03:34:23 +03:00			`min-height: 100vh;`
			`position: relative;`
fix(mobile): remove footer on mobile. Closes #2962 2023-04-28 01:35:21 +03:00
fix(ui): do not add extra spacing to every ant row. Closes #3031 (#3033) 2023-05-20 03:34:23 +03:00			`// add some spacing between the last row of content and the footer`
			`.footerContainer {`
			`margin-top: 5em;`
			`}`
feat: floating fading footer (#3008) Co-authored-by: thisProjects <wibbet@wobbet.com> Co-authored-by: Gabe Kangas <gabek@real-ity.com> 2023-05-13 00:52:54 +03:00			`}`