Files
netris-nestri/apps/www/src/root.tsx
2024-09-13 17:41:34 +03:00

47 lines
1.4 KiB
TypeScript

import { component$ } from "@builder.io/qwik";
import {
QwikCityProvider,
RouterOutlet,
ServiceWorkerRegister,
} from "@builder.io/qwik-city";
import { RouterHead } from "@nestri/ui";
import { isDev } from "@builder.io/qwik/build";
import "@nestri/ui/globals.css";
import { Fonts } from "@nestri/ui";
export default component$(() => {
/**
* The root of a QwikCity site always start with the <QwikCityProvider> component,
* immediately followed by the document's <head> and <body>.
*
* Don't remove the `<head>` and `<body>` elements.
*/
return (
<Fonts>
<QwikCityProvider>
<head>
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f5f5f5" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#171717" />
<meta charset="utf-8" />
{!isDev && (
<link
rel="manifest"
href={`${import.meta.env.BASE_URL}manifest.json`}
/>
)}
<RouterHead />
</head>
<body
class="bg-gray-100 text-gray-950 dark:bg-gray-900 dark:text-gray-50 font-body flex min-h-[100dvh] flex-col overflow-x-hidden antialiased"
lang="en">
<RouterOutlet />
{/* {!isDev && <ServiceWorkerRegister />} */}
<ServiceWorkerRegister />
</body>
</QwikCityProvider>
</Fonts>
);
});