jlengrand/moderne-docs
1
0
Fork 0
mirror of https://github.com/jlengrand/moderne-docs.git synced 2026-03-10 08:31:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Announcement bar tweaks

Browse Source
This commit is contained in:
Matt Vanderpol
2024-12-16 10:56:09 -08:00
parent 08744ccbf6
commit 6a9b7e369c
2 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/theme/AnnouncementBar/index.tsx
View File

@@ -12,11 +12,10 @@ export default function AnnouncementBar(): JSX.Element | null {
if (!isActive) {
return null;
}
const {textColor, isCloseable} = announcementBar!;
const {isCloseable} = announcementBar!;
return (
<div
className={styles.announcementBar}
style={{backgroundImage: 'linear-gradient(45deg, #b12ade, #2546f0)', color: textColor}}
role="banner">
{isCloseable && <div className={styles.announcementBarPlaceholder} />}
<AnnouncementBarContent className={styles.announcementBarContent} />

4
src/theme/AnnouncementBar/styles.module.css
View File

@@ -6,8 +6,8 @@
display: flex;
align-items: center;
height: var(--docusaurus-announcement-bar-height);
background-color: var(--ifm-color-white);
color: var(--ifm-color-black);
background-color: var(--ifm-color-announcement-bar-bg);
color: var(--ifm-color-announcement-bar-text);
/*
Unfortunately we can't make announcement bar render above the navbar