mirrors/spliit
1
0
Fork 0
mirror of https://github.com/spliit-app/spliit.git synced 2025-12-06 09:29:39 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Gradient on landing page

Browse Source
This commit is contained in:
Sebastien Castiel
2023-12-13 15:03:10 -05:00
parent 1987b220ad
commit 31f04e4a02
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/globals.css
View File

@@ -57,3 +57,11 @@
@apply bg-background text-foreground;
}
}
.landing-header {
@apply bg-gradient-to-br from-emerald-800 to-emerald-600 dark:from-emerald-300 dark:to-emerald-600 bg-clip-text;
}
.landing-header strong {
@apply font-bold text-transparent;
}

5
src/app/page.tsx
View File

@@ -33,8 +33,9 @@ export default function HomePage() {
</a>
</div>
)}
<h1 className="!leading-none font-bold text-3xl sm:text-5xl md:text-6xl lg:text-7xl">
Share Expenses <br /> with Friends & Family
<h1 className="!leading-none font-bold text-3xl sm:text-5xl md:text-6xl lg:text-7xl landing-header">
Share <strong>Expenses</strong> <br /> with <strong>Friends</strong>{' '}
& <strong>Family</strong>
</h1>
<p className="max-w-[42rem] leading-normal text-muted-foreground sm:text-xl sm:leading-8">
No ads. No account. <br className="sm:hidden" /> Open Source.