LogalDeveloper/owncast
0
Fork 0
Code 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
3 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
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,10 +21,9 @@
@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;
@@ -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;