mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-11-26 06:46:01 +03:00
Code Issues Projects Releases Packages Wiki Activity

fix(embed): fix post-pr #2863 merge offline banner text color

Browse source
This commit is contained in:
Gabe Kangas 2023-04-26 15:39:53 -07:00
parent 350dac4ecb
commit d2afeef0e4
No known key found for this signature in database
GPG key ID: 4345B2060657F330
3 changed files with 21 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
web/components/ui/Content/Content.module.scss
View file

@ -1,18 +1,18 @@
@import '../../../styles/mixins.scss'; @import '../../../styles/mixins.scss';
.lowerSection { .lowerSection {
padding: var(--content-padding); padding: var(--content-padding);
} }
.lowerSectionMobile { .lowerSectionMobile {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-grow: 1; flex-grow: 1;
flex-shrink: 0; flex-shrink: 0;
padding: 0.3em; padding: 0.3em;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
@include screen(tablet) { @include screen(tablet) {
//sets the position of tabbed content for online mode //sets the position of tabbed content for online mode
@ -21,14 +21,13 @@
@include screen(mobile) { @include screen(mobile) {
//sets the position of tabbed content for online mode //sets the position of tabbed content for online mode
top: 280px; top: 280px;
}
} }
}
.mobileNoTabs { .mobileNoTabs {
padding-top: 20px; padding-top: 20px;
} }
.topSectionElement { .topSectionElement {
background-color: var(--theme-color-components-video-background); background-color: var(--theme-color-components-video-background);
@ -76,3 +75,6 @@
margin-top: unset; margin-top: unset;
} }
} }
.offlineBanner {
color: var(--theme-color-background-main);
}

2
web/components/ui/Content/Content.tsx
View file

@ -210,7 +210,7 @@ export const Content: FC = () => {
lastLive={lastDisconnectTime} lastLive={lastDisconnectTime}
onNotifyClick={() => setShowNotifyModal(true)} onNotifyClick={() => setShowNotifyModal(true)}
onFollowClick={() => setShowFollowModal(true)} onFollowClick={() => setShowFollowModal(true)}
className={styles.topSectionElement} className={classnames([styles.topSectionElement, styles.offlineBanner])}
/> />
</div> </div>
)} )}

5
web/components/ui/OfflineBanner/OfflineBanner.module.scss
View file

@ -6,10 +6,10 @@
align-items: center; align-items: center;
@include screen(tablet) { @include screen(tablet) {
height: 430px; height: 430px;
} }
@include screen (mobile) { @include screen(mobile) {
height: 280px; height: 280px;
} }
} }
@ -20,7 +20,6 @@
flex-direction: column; flex-direction: column;
margin: 3rem auto; margin: 3rem auto;
padding: 2.4em; padding: 2.4em;
color: var(--color-owncast-palette-3);
@include screen(tablet) { @include screen(tablet) {
font-size: 1.2rem; font-size: 1.2rem;