Mirroristas/owncast
2
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-10 19:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix notification reminder popup -> purple background (#2209)

Browse Source 
* fix notification reminder popup -> purple background

* Prettified Code!

* resolved color to color variables

* Prettified Code!

Co-authored-by: unclebinary1001 <unclebinary1001@users.noreply.github.com>
This commit is contained in:
Mahlangu 2022-10-17 00:37:03 -05:00 committed by GitHub
parent c050569785
commit ab573f67e9
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

4
web/components/ui/NotifyReminderPopup/NotifyReminderPopup.module.scss
View File

@ -3,6 +3,7 @@
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 +14,13 @@
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);
} }

4
web/components/ui/NotifyReminderPopup/NotifyReminderPopup.tsx
View File

@ -35,6 +35,9 @@ export const NotifyReminderPopup: FC<NotifyReminderPopupProps> = ({
paddingRight: '10px', paddingRight: '10px',
fontSize: '16px', fontSize: '16px',
}; };
const bgColor = getComputedStyle(document.documentElement).getPropertyValue(
'--theme-color-palette-7',
);
const popupClicked = e => { const popupClicked = e => {
e.stopPropagation(); e.stopPropagation();
@ -70,6 +73,7 @@ export const NotifyReminderPopup: FC<NotifyReminderPopupProps> = ({
title={title} title={title}
content={content} content={content}
overlayInnerStyle={popupStyle} overlayInnerStyle={popupStyle}
color={bgColor}
> >
{children} {children}
</Popover> </Popover>