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

tweaking ui

Browse source
This commit is contained in:
Calum Muir 2025-12-21 15:07:53 +00:00
parent 8c7099bf5e
commit 883c52e636
2 changed files with 36 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
client/public/figmaAssets/rdalogo-1.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

30
client/src/pages/Desktop.tsx
View file

@ -82,7 +82,7 @@ export const Desktop = (): JSX.Element => {
>
<div className="absolute inset-0 bg-black/35" />
<header className="relative w-full px-6 sm:px-4">
<div className="flex flex-row items-start justify-between gap-3 pt-4 sm:pt-4 sm:h-[108px]">
<div className="flex flex-row items-start justify-between gap-3 pt-3 sm:pt-4 sm:h-[108px]">
<img
className="w-[150px] h-[80px] sm:w-[177px] sm:h-[93px]"
alt="Rdalogo"
@ -118,22 +118,10 @@ export const Desktop = (): JSX.Element => {
))}
</ul>
</nav>
<a
className="w-[200px] sm:w-[240px] 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.png"
/>
</a>
</div>
</div>
</header>
<div className="relative px-4 sm:px-6 pt-6 pb-6 sm:pt-[70px] sm:pb-[42px]">
<div className="relative px-4 sm:px-6 pt-8 pb-4 sm:pt-[70px] sm:pb-[42px]">
<div className="flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between">
<h1 className="flex-1 max-w-[612px] [font-family:'Merriweather',Helvetica] font-bold text-white text-[34px] leading-[1.15] sm:text-[52px] sm:leading-[normal]">
<span className="[font-family:'Merriweather',Helvetica] font-bold text-white">
@ -152,7 +140,7 @@ export const Desktop = (): JSX.Element => {
</h1>
</div>
</div>
<div className="relative pb-6 sm:pb-[42px]">
<div className="relative pb-16 sm:pb-[42px]">
<div className="flex flex-col gap-4 sm:flex-row sm:gap-2.5 bg-black/30 p-4 sm:p-5">
<div className="w-full sm:w-[610px] h-40 sm:h-60" />
<blockquote className="flex-1 max-w-[480px] self-end [font-family:'Merriweather',Helvetica] font-bold text-white text-lg sm:text-2xl text-left sm:text-right tracking-[0] leading-[1.3]">
@ -164,6 +152,18 @@ export const Desktop = (): JSX.Element => {
</blockquote>
</div>
</div>
<a
className="absolute bottom-4 left-4 sm:bottom-6 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.png"
/>
</a>
</div>
</section>