Skip to content

Staging #16353

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
corwintines merged 7 commits into from
Sep 24, 2025
Merged

Staging #16353

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
df7fb75
fix styles and spacing in devconnect banner
pettinarip Sep 24, 2025
6fd56ca
fix banner layout to fit main text better
pettinarip Sep 24, 2025
252d572
adjust styles for devconnect banner variation 2
pettinarip Sep 24, 2025
c8519ce
adjust line-height
pettinarip Sep 24, 2025
2066c2e
Merge pull request #16349 from ethereum/hotfix-banner-styles
corwintines Sep 24, 2025
53da381
Merge pull request #16352 from ethereum/master
corwintines Sep 24, 2025
45b7d91
Merge branch 'dev' into staging
corwintines Sep 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 27 additions & 24 deletions src/components/DevconnectBanner/Variation1/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,38 +11,41 @@ const DevconnectBannerVariation1 = () => {
return (
<div className="relative w-full">
<Banner className="h-[66px] w-full" />
<div className="absolute inset-0 flex h-[66px] w-full items-center justify-between px-3 md:px-6">
<div className="flex flex-col gap-0 md:flex-row md:items-center md:gap-4">
<Image
src={DevconnectLogo}
alt="Devconnect"
className="h-[27px] w-auto md:h-[50px]"
sizes="(max-width: 768px) 77px, 142px"
/>
<div className="hidden sm:block">
<p className="text-xs/6xs text-black">
<strong>17 - 22 Nov</strong> 2025
</p>
<p className="text-xs/6xs font-bold text-black">
Buenos Aires, Argentina
<div className="absolute inset-0 flex h-[66px] w-full items-center justify-between gap-4 px-3 md:px-6">
<div className="flex flex-1 flex-col gap-1 md:flex-row md:items-center md:gap-4">
<div className="min-w-[80px]">
<Image
src={DevconnectLogo}
alt="Devconnect"
className="h-[27px] w-auto object-contain md:h-[50px]"
sizes="(max-width: 768px) 77px, 142px"
/>
</div>
<div className="hidden text-2xs/6xs font-bold text-black sm:block md:text-xs/6xs">
<p className="whitespace-nowrap">
17 - 22 Nov <span className="font-normal">2025</span>
</p>
<p className="whitespace-nowrap">Buenos Aires, Argentina</p>
</div>
</div>
<div className="max-w-[200px] text-wrap text-center md:max-w-[287px] lg:max-w-[474px]">
<p className="text-xs font-bold text-black md:text-sm lg:text-xl">
<div className="flex-1 text-wrap text-center lg:whitespace-nowrap">
<p className="line-clamp-3 text-xs font-extrabold !leading-4xs text-black sm:text-sm md:min-w-[300px] md:text-xl">
{t(
"page-index-devconnect-banner-join-the-biggest-ethereum-event-of-the-year"
)}
</p>
</div>
<ButtonLink
href="https://devconnect.org/"
size="sm"
hideArrow
className="rounded-none border-b-2 border-b-[#215D93] bg-[#74ACDF] text-2xs uppercase text-white hover:bg-[#215D93] md:text-md"
>
{t("page-index-devconnect-banner-get-tickets")}
</ButtonLink>
<div className="flex flex-1 justify-end">
<ButtonLink
href="https://devconnect.org/"
size="sm"
variant="ghost"
hideArrow
className="min-h-0 whitespace-nowrap rounded-none border-b-2 border-b-[#215D93] bg-[#74ACDF] text-xs/none font-bold uppercase text-white hover:bg-[#215D93] hover:!text-white active:bg-[#215D93] active:!text-white md:text-md/none"
>
{t("page-index-devconnect-banner-get-tickets")}
</ButtonLink>
</div>
</div>
</div>
)
Expand Down
15 changes: 9 additions & 6 deletions src/components/DevconnectBanner/Variation2/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,13 +23,15 @@ const DevconnectBannerVariation2 = () => {
className="h-[65px] w-auto object-contain"
sizes="202px"
/>
<div className="text-center font-bold text-white">
<p>17 - 22 Nov 2025</p>
<p>Buenos Aires, Argentina</p>
<div className="text-center text-white md:text-end">
<p>
<span className="font-bold">17 - 22 Nov</span> 2025
</p>
<p className="whitespace-nowrap font-bold">Buenos Aires, Argentina</p>
</div>
</div>
<div className="mb-8 max-w-[640px] text-center">
<p className="text-3xl font-bold text-white [text-shadow:0_4px_8px_rgba(0,0,0,0.65)] md:text-5xl">
<div className="mb-8 max-w-[400px] text-center md:max-w-[640px]">
<p className="text-3xl font-extrabold text-white [text-shadow:0_4px_8px_rgba(0,0,0,0.65)] md:text-5xl">
{t(
"page-index-devconnect-banner-join-the-biggest-ethereum-event-of-the-year"
)}
Expand All @@ -38,8 +40,9 @@ const DevconnectBannerVariation2 = () => {
<ButtonLink
href="https://devconnect.org/"
size="sm"
variant="ghost"
hideArrow
className="rounded-none border-b-2 border-b-[#B2820A] bg-[#F6B40E] font-bold uppercase text-[2xs] text-black hover:bg-[#B2820A] hover:!text-black md:text-md"
className="min-h-0 whitespace-nowrap rounded-none border-b-2 border-b-[#B2820A] bg-[#F6B40E] px-4 text-md/none font-bold uppercase text-black hover:bg-[#B2820A] hover:!text-black active:text-black"
>
{t("page-index-devconnect-banner-get-tickets")}
</ButtonLink>
Expand Down
Loading