mirrors/spliit
1
0
Fork 0
mirror of https://github.com/spliit-app/spliit.git synced 2026-02-28 02:16:12 +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; @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> </a>
</div> </div>
)} )}
<h1 className="!leading-none font-bold text-3xl sm:text-5xl md:text-6xl lg:text-7xl"> <h1 className="!leading-none font-bold text-3xl sm:text-5xl md:text-6xl lg:text-7xl landing-header">
Share Expenses <br /> with Friends & Family Share <strong>Expenses</strong> <br /> with <strong>Friends</strong>{' '}
& <strong>Family</strong>
</h1> </h1>
<p className="max-w-[42rem] leading-normal text-muted-foreground sm:text-xl sm:leading-8"> <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. No ads. No account. <br className="sm:hidden" /> Open Source.