diff options
| author | Sebastien Castiel <sebastien@castiel.me> | 2023-12-07 17:24:02 -0500 |
|---|---|---|
| committer | Sebastien Castiel <sebastien@castiel.me> | 2023-12-07 17:24:02 -0500 |
| commit | 1bc4acd67aec9abcb797c7c2c4e1a43523ff72d7 (patch) | |
| tree | a566cf3d00bb4304dd91f6049433caa232e5b2e4 /src/app | |
| parent | 0b27f90fb76a2492c17a958b6dd807e6fbbf8030 (diff) | |
Logo, banner
Diffstat (limited to 'src/app')
| -rw-r--r-- | src/app/globals.css | 2 | ||||
| -rw-r--r-- | src/app/groups/[groupId]/group-tabs.tsx | 2 | ||||
| -rw-r--r-- | src/app/layout.tsx | 18 |
3 files changed, 14 insertions, 8 deletions
diff --git a/src/app/globals.css b/src/app/globals.css index f647461..a3d838f 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -10,7 +10,7 @@ --card-foreground: 240 10% 3.9%; --popover: 0 0% 100%; --popover-foreground: 240 10% 3.9%; - --primary: 142.1 76.2% 36.3%; + --primary: 161 90% 31%; --primary-foreground: 355.7 100% 97.3%; --secondary: 240 4.8% 95.9%; --secondary-foreground: 240 5.9% 10%; diff --git a/src/app/groups/[groupId]/group-tabs.tsx b/src/app/groups/[groupId]/group-tabs.tsx index e5c48c2..28b4889 100644 --- a/src/app/groups/[groupId]/group-tabs.tsx +++ b/src/app/groups/[groupId]/group-tabs.tsx @@ -15,7 +15,7 @@ export function GroupTabs({ groupId }: Props) { return ( <Tabs value={value} - className="mb-4" + className="mb-4 [&>*]:border" onValueChange={(value) => { router.push(`/groups/${groupId}/${value}`) }} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 894e2d0..e86728f 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -9,13 +9,13 @@ import './globals.css' export const metadata: Metadata = { metadataBase: new URL(env.NEXT_PUBLIC_BASE_URL), title: { - default: 'Spliit · Share expenses with friends and family', + default: 'Spliit · Share Expenses with Friends & Family', template: '%s · Spliit', }, description: 'Spliit is a minimalist web application to share expenses with friends and family. No ads, no account, no problem.', openGraph: { - title: 'Spliit · Share expenses with friends and family', + title: 'Spliit · Share Expenses with Friends & Family', description: 'Spliit is a minimalist web application to share expenses with friends and family. No ads, no account, no problem.', images: `/banner.png`, @@ -27,7 +27,7 @@ export const metadata: Metadata = { creator: '@scastiel', site: '@scastiel', images: `/banner.png`, - title: 'Spliit · Share expenses with friends and family', + title: 'Spliit · Share Expenses with Friends & Family', description: 'Spliit is a minimalist web application to share expenses with friends and family. No ads, no account, no problem.', }, @@ -40,12 +40,18 @@ export default function RootLayout({ }) { return ( <html lang="en"> - <body className=""> + <body className="bg-slate-50"> <ProgressBar /> <header className="fixed top-0 left-0 right-0 flex justify-between bg-white bg-opacity-50 p-2 border-b backdrop-blur-sm"> <Link className="flex items-center gap-2" href="/"> - <Image src="/logo.svg" width={30} height={30} alt="" /> - <h1 className="font-bold text-primary">Spliit</h1> + <h1> + <Image + src="/logo-with-text.png" + width={(30 * 522) / 180} + height={30} + alt="Spliit" + /> + </h1> </Link> <ul role="nav" className="flex items-center text-sm"> <li> |