feat(app): add rename notice banner

This commit is contained in:
rektdeckard
2025-05-17 16:50:25 -06:00
committed by Tobias Fried
parent ef83bdfb37
commit e90584e282
2 changed files with 10 additions and 9 deletions

View File

@@ -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;

View File

@@ -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!