2024-07-10 16:44:39 +00:00
|
|
|
import type { LinksFunction } from '@remix-run/cloudflare';
|
|
|
|
|
import { Links, Meta, Outlet, Scripts, ScrollRestoration } from '@remix-run/react';
|
2024-07-11 19:35:54 +00:00
|
|
|
import tailwindReset from '@unocss/reset/tailwind-compat.css?url';
|
2024-07-10 16:44:39 +00:00
|
|
|
import globalStyles from '~/styles/index.scss?url';
|
|
|
|
|
|
|
|
|
|
import 'virtual:uno.css';
|
|
|
|
|
|
|
|
|
|
export const links: LinksFunction = () => [
|
|
|
|
|
{
|
|
|
|
|
rel: 'icon',
|
|
|
|
|
href: '/favicon.svg',
|
|
|
|
|
type: 'image/svg+xml',
|
|
|
|
|
},
|
2024-07-11 19:35:54 +00:00
|
|
|
{ rel: 'stylesheet', href: tailwindReset },
|
2024-07-10 16:44:39 +00:00
|
|
|
{ rel: 'stylesheet', href: globalStyles },
|
|
|
|
|
{
|
|
|
|
|
rel: 'preconnect',
|
|
|
|
|
href: 'https://fonts.googleapis.com',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
rel: 'preconnect',
|
|
|
|
|
href: 'https://fonts.gstatic.com',
|
|
|
|
|
crossOrigin: 'anonymous',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
rel: 'stylesheet',
|
|
|
|
|
href: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap',
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
export function Layout({ children }: { children: React.ReactNode }) {
|
|
|
|
|
return (
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charSet="utf-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
|
<Meta />
|
|
|
|
|
<Links />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
{children}
|
|
|
|
|
<ScrollRestoration />
|
|
|
|
|
<Scripts />
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default function App() {
|
|
|
|
|
return <Outlet />;
|
|
|
|
|
}
|
