| import type { LinksFunction } from '@remix-run/cloudflare'; | |
| import { Links, Meta, Outlet, Scripts, ScrollRestoration } from '@remix-run/react'; | |
| import tailwindReset from '@unocss/reset/tailwind-compat.css?url'; | |
| import globalStyles from '~/styles/index.scss?url'; | |
| import 'virtual:uno.css'; | |
| export const links: LinksFunction = () => [ | |
| { | |
| rel: 'icon', | |
| href: '/favicon.svg', | |
| type: 'image/svg+xml', | |
| }, | |
| { rel: 'stylesheet', href: tailwindReset }, | |
| { 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 />; | |
| } | |