owncast/web/components/ui/Content/Content.module.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 2em;
    margin-bottom: 2em;
  }
}

.leftCol {
  display: flex;
  flex-direction: column;
}

.loadingSpinner {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999999;
}
reworked slightly main layout 2022-05-03 23:55:13 +02:00			`.root {`
Fix web project build errors 2022-05-12 08:31:31 +02:00			`display: grid;`
Changed Layout a bit now we use less state for the layout. Chat and header are now sticky. Moved some css vars. 2022-05-17 08:41:39 +02:00			`grid-template-columns: 1fr auto;`
Clean up some styles and fix mobile rendering 2022-09-10 08:23:24 +02:00			`height: 100%;`
Draft: rough-ish draft of proposed color theme changes (#2067) * color experimentation and troubleshooting * create color scheme, assign colors, more ant overrides * fun selection color * Prettified Code! * Correctly import opensans * Prettified Code! * Organize+standardize colors/names and update the app to use them * Prettified Code! * Use css var references instead of resolving value of vars in css files * Prettified Code! Co-authored-by: gingervitis <gingervitis@users.noreply.github.com> Co-authored-by: Gabe Kangas <gabek@real-ity.com> Co-authored-by: gabek <gabek@users.noreply.github.com> 2022-08-30 08:17:12 +02:00			`background-color: var(--theme-color-background-main);`

			`.topSection {`
			`padding: 0;`
			`background-color: var(--theme-color-components-video-background);`
			`}`
			`.lowerSection {`
			`padding: 0em 2em;`
Add margin below content 2022-09-02 07:00:00 +02:00			`margin-bottom: 2em;`
Draft: rough-ish draft of proposed color theme changes (#2067) * color experimentation and troubleshooting * create color scheme, assign colors, more ant overrides * fun selection color * Prettified Code! * Correctly import opensans * Prettified Code! * Organize+standardize colors/names and update the app to use them * Prettified Code! * Use css var references instead of resolving value of vars in css files * Prettified Code! Co-authored-by: gingervitis <gingervitis@users.noreply.github.com> Co-authored-by: Gabe Kangas <gabek@real-ity.com> Co-authored-by: gabek <gabek@users.noreply.github.com> 2022-08-30 08:17:12 +02:00			`}`
Added mobile chat and some responsiveness weird 0 popping out when toggling chat. wasn't able to find which component is responsible. Used bare mininum scss. May refactor in the future. 2022-05-04 09:55:44 +02:00			`}`

reworked slightly main layout 2022-05-03 23:55:13 +02:00			`.leftCol {`
Changed chat behaviour added recoil value isMobile to determine which chat to display and style. #1978 changed the player to actually span across the viewport without the black borders around it. 2022-07-03 12:36:30 +02:00			`display: flex;`
			`flex-direction: column;`
reworked slightly main layout 2022-05-03 23:55:13 +02:00			`}`
Position the logo and title components 2022-05-18 01:07:56 +02:00
Refactor app state to be a state machine with access selectors 2022-05-26 05:38:40 +02:00			`.loadingSpinner {`
			`position: fixed;`
			`left: 50%;`
			`top: 50%;`
			`z-index: 999999;`
			`}`