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

fix purple background color for notification reminder pop up & fix failing build (#2224)

Browse source 
* fix notification reminder popup -> purple background

* Prettified Code!

* resolved color to color variables

* Prettified Code!

* fix purple bgcolor for notification reminder popp up & fix failing build

Co-authored-by: unclebinary1001 <unclebinary1001@users.noreply.github.com>
This commit is contained in:
Mahlangu 2022-10-17 23:54:26 -05:00 committed by GitHub
parent 106e144cba
commit ad188f2742
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
web/components/ui/NotifyReminderPopup/NotifyReminderPopup.module.scss
View file

@ -1,8 +1,13 @@
:export {
popupBackgroundColor: var(--theme-color-palette-7);
}
.contentbutton { .contentbutton {
background-color: transparent; background-color: transparent;
border: none; border: none;
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
color: var(--theme-color-components-text-on-dark);
} }
.closebutton { .closebutton {
@ -13,10 +18,12 @@
border: none; border: none;
font-size: 1.3rem; font-size: 1.3rem;
cursor: pointer; cursor: pointer;
color: var(--theme-color-components-text-on-dark);
} }
.title { .title {
border-bottom: none; border-bottom: none;
font-weight: bold; font-weight: bold;
padding-left: 5px; padding-left: 5px;
color: var(--theme-color-components-text-on-dark);
} }

1
web/components/ui/NotifyReminderPopup/NotifyReminderPopup.tsx
View file

@ -70,6 +70,7 @@ export const NotifyReminderPopup: FC<NotifyReminderPopupProps> = ({
title={title} title={title}
content={content} content={content}
overlayInnerStyle={popupStyle} overlayInnerStyle={popupStyle}
color={styles.popupBackgroundColor}
> >
{children} {children}
</Popover> </Popover>