add index page

This commit is contained in:
2024-06-20 20:02:23 +02:00
parent 9ecb2d6769
commit a34226b6cc
8 changed files with 549 additions and 19 deletions

View File

@@ -1,5 +1,5 @@
import { LinksFunction } from '@remix-run/node'
import { Links, Meta, Outlet, Scripts, ScrollRestoration } from '@remix-run/react'
import { Link, Links, Meta, Outlet, Scripts, ScrollRestoration } from '@remix-run/react'
import stylesheet from '~/tailwind.css?url'
import { PropsWithChildren } from 'react'
@@ -15,7 +15,16 @@ export function Layout({ children }: PropsWithChildren) {
<Links />
</head>
<body className={'h-full'}>
{children}
<header className={'p-4 bg-gray-50 dark:bg-gray-900 fixed w-full z-10'}>
<nav>
<ul className={'flex gap-4'}>
<li>
<Link to={'/'}>Home</Link>
</li>
</ul>
</nav>
</header>
<div className={'h-full p-10 pt-20'}>{children}</div>
<ScrollRestoration />
<Scripts />
</body>