feat(app): add rename notice banner
This commit is contained in:
committed by
Tobias Fried
parent
ef83bdfb37
commit
e90584e282
@@ -33,13 +33,13 @@
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 20px;
|
||||
max-width: 600px;
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
padding: 12px 12px 12px 16px;
|
||||
color: var(--moss);
|
||||
background-color: var(--acid);
|
||||
border: 1px solid var(--moss);
|
||||
border-radius: 32px;
|
||||
border-radius: 16px;
|
||||
filter: drop-shadow(2px 2px 0 var(--moss-shadow));
|
||||
font-family: "IBM Plex Mono";
|
||||
font-size: 14px;
|
||||
|
||||
@@ -40,16 +40,15 @@ const Header = (_: HeaderProps) => {
|
||||
return (
|
||||
<header>
|
||||
<Banner.Container>
|
||||
<Banner id={"2.1.0"}>
|
||||
<Banner id={"rename-notice"}>
|
||||
<div className="message">
|
||||
<MegaphoneSimpleIcon size={32} mirrored />
|
||||
<small>
|
||||
Phosphor v2.1 is out, adding 268 new icons and some general
|
||||
revisions. Check our{" "}
|
||||
<a href="https://github.com/phosphor-icons/homepage/releases">
|
||||
Some packages may be renaming icons in coming versions, and deprecating older names. Existing names will continue to work, but we recommend upgrading at your convenience. See{" "}
|
||||
<a href="https://github.com/phosphor-icons/react/releases/tag/v2.1.8">
|
||||
release notes
|
||||
</a>{" "}
|
||||
to see what's changed!
|
||||
for details.
|
||||
</small>
|
||||
</div>
|
||||
</Banner>
|
||||
@@ -60,10 +59,12 @@ const Header = (_: HeaderProps) => {
|
||||
We are now processing donations via{" "}
|
||||
<a href="https://www.buymeacoffee.com/phosphoricons">
|
||||
Buy Me a Coffee
|
||||
</a>{" "}
|
||||
and{" "}
|
||||
</a>{", "}
|
||||
<a href="https://ko-fi.com/phosphoricons">
|
||||
Ko-fi
|
||||
</a>{", and "}
|
||||
<a href="https://opencollective.com/phosphoricons">
|
||||
Open Collective
|
||||
</a>
|
||||
! Your one-time or recurring contribution does a lot to keep us
|
||||
going. Please show us some support if you can!
|
||||
|
||||
Reference in New Issue
Block a user