Logo, banner

This commit is contained in:
Sebastien Castiel
2023-12-07 17:24:02 -05:00
parent 0b27f90fb7
commit 1bc4acd67a
7 changed files with 14 additions and 10 deletions

View File

@@ -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%;

View File

@@ -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}`)
}}

View File

@@ -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>