mirror of
https://github.com/owncast/owncast.git
synced 2024-11-26 14:56:14 +03:00
c2a0295a0c
* - 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>
26 lines
563 B
SCSS
26 lines
563 B
SCSS
.statusbar {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: var(--status-bar-height);
|
|
width: 100%;
|
|
padding: var(--content-padding);
|
|
color: var(--theme-color-components-video-status-bar-foreground);
|
|
background-color: var(--theme-color-components-video-status-bar-background);
|
|
font-family: var(--theme-text-display-font-family);
|
|
|
|
font-size: 11px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.onlineMessage {
|
|
letter-spacing: .5px;
|
|
}
|
|
|
|
.viewerCount {
|
|
vertical-align: middle;
|
|
}
|
|
.viewerIcon {
|
|
display: inline-block;
|
|
margin-right: .5rem;
|
|
}
|