calum/rda-v3
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Add donate button to news article hero

Browse source
This commit is contained in:
Calum Muir 2025-12-27 16:33:17 +00:00
parent d8b43501ec
commit ed74e8e940
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
client/src/pages/NewsArticle.tsx
View file

@ -47,7 +47,7 @@ export const NewsArticle = (): JSX.Element => {
theme="dark" theme="dark"
className="px-6 sm:px-4" className="px-6 sm:px-4"
/> />
<div className="relative px-6 sm:px-8 pb-10 pt-6 sm:pb-12 sm:pt-8"> <div className="relative px-6 sm:px-8 pb-28 pt-6 sm:pb-20 sm:pt-8">
<div className="max-w-none sm:max-w-[760px] rounded-[7px] bg-black/45 px-5 py-5 sm:px-6 sm:py-6 backdrop-blur-sm"> <div className="max-w-none sm:max-w-[760px] rounded-[7px] bg-black/45 px-5 py-5 sm:px-6 sm:py-6 backdrop-blur-sm">
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90"> <p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-white/90">
{formatNewsDate(article.date)} {formatNewsDate(article.date)}
@ -61,6 +61,18 @@ export const NewsArticle = (): JSX.Element => {
</p> </p>
</div> </div>
</div> </div>
<a
className="absolute bottom-2 left-4 sm:bottom-4 sm:left-6 w-[190px] sm:w-[240px] h-[48px] sm:h-[50px]"
href="https://www.justgiving.com/charity/highlandgrouprda"
target="_blank"
rel="noreferrer"
>
<img
className="w-full h-full object-contain"
alt="Donate via JustGiving"
src="/Button.webp"
/>
</a>
</div> </div>
</section> </section>