ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-04 11:55:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update Navbar alert banner text, change SVG fill color to black, and modify top banner styles to match new theme

Browse Source
This commit is contained in:
akcodez
2025-04-03 13:49:15 -07:00
parent 484db5ab37
commit cde4071ad1
4 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
@theme/components/Navbar/Navbar.tsx
View File

@@ -11,7 +11,7 @@ import arrowUpRight from "../../../static/img/icons/arrow-up-right-custom.svg";
const alertBanner = {
show: true,
message: "XRP LEDGER APEX 2025",
message: "APEX 2025",
button: "GET TICKETS",
link: "https://www.xrpledgerapex.com/?utm_source=xrplwebsite&utm_medium=direct&utm_campaign=xrpl-event-ho-xrplapex-glb-2025-q1_xrplwebsite_ari_arp_bf_rsvp&utm_content=cta_btn_english_pencilbanner",
date: "JUNE 10-12",
@@ -43,7 +43,7 @@ export function AlertBanner({ message, date, button, link, show }) {
ref={bannerRef}
className="top-banner fixed-top web-banner"
rel="noopener noreferrer"
aria-label="Get Tickets for XRP Ledger Apex 2025 Event"
aria-label="Get Tickets for the APEX 2025 Event"
>
<div className="banner-event-details">
<div className="event-info">{translate(message)}</div>

2
static/css/devportal2024-v1.css
View File

File diff suppressed because one or more lines are too long

2
static/img/icons/arrow-up-right-custom.svg
View File

@@ -1,3 +1,3 @@
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
<path d="M31.3046 13.2652L6 38.5698L10.4302 43L35.7348 17.6954V39.8826H42V10.1326C42 8.40252 40.5975 7 38.8674 7H9.11741V13.2652L31.3046 13.2652Z" fill="white"/>
<path d="M31.3046 13.2652L6 38.5698L10.4302 43L35.7348 17.6954V39.8826H42V10.1326C42 8.40252 40.5975 7 38.8674 7H9.11741V13.2652L31.3046 13.2652Z" fill="black"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 307 B

After

Width:  |  Height:  |  Size: 307 B

6
styles/_top-banner.scss
View File

@@ -3,7 +3,7 @@
display: flex;
justify-content: space-between;
height: $banner-height;
background: #D919FF !important;
background: #32E685 !important;
padding: 7px 35px;
font-family: "Work Sans";
z-index: 9999;
@@ -17,7 +17,7 @@
transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
}
color: $white !important;
color: $black !important;
text-align: center;
font-family: "Work Sans";
font-size: 26px; // Further scaled down from 28px
@@ -32,7 +32,7 @@
left: 0;
width: 100%; // Full width so that we can scale it
height: 100%;
background-color: #7919FF;
background-color: #E0E500;
z-index: 0;
transform: scaleX(0); // Start scaled down to 0
transform-origin: left; // Scale from the left edge