mirror of
https://github.com/zoriya/Kyoo.git
synced 2025-06-23 07:20:33 -04:00
93 lines
2.7 KiB
TypeScript
93 lines
2.7 KiB
TypeScript
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
|
|
import { Slot } from "one";
|
|
// import { WebTooltip } from "@kyoo/primitives/src/tooltip.web";
|
|
// import { HiddenIfNoJs, SkeletonCss, TouchOnlyCss } from "@kyoo/primitives";
|
|
import { useServerHeadInsertion } from "one";
|
|
import { StyleRegistryProvider, createStyleRegistry, useTheme } from "yoshiki/web";
|
|
import { Providers } from "~/providers";
|
|
|
|
const GlobalCssTheme = () => {
|
|
const theme = useTheme();
|
|
// TODO: add fonts here
|
|
// body {font-family: ${font.style.fontFamily};}
|
|
return (
|
|
<>
|
|
{/* <style jsx global>{` */}
|
|
{/* body { */}
|
|
{/* margin: 0px; */}
|
|
{/* padding: 0px; */}
|
|
{/* overflow: "hidden"; */}
|
|
{/* background-color: ${theme.background}; */}
|
|
{/* } */}
|
|
{/**/}
|
|
{/* *::-webkit-scrollbar { */}
|
|
{/* height: 6px; */}
|
|
{/* width: 6px; */}
|
|
{/* background: transparent; */}
|
|
{/* } */}
|
|
{/**/}
|
|
{/* *::-webkit-scrollbar-thumb { */}
|
|
{/* background-color: #999; */}
|
|
{/* border-radius: 90px; */}
|
|
{/* } */}
|
|
{/* *:hover::-webkit-scrollbar-thumb { */}
|
|
{/* background-color: rgb(134, 127, 127); */}
|
|
{/* } */}
|
|
{/**/}
|
|
{/* #__next { */}
|
|
{/* height: 100vh; */}
|
|
{/* } */}
|
|
{/**/}
|
|
{/* .infinite-scroll-component__outerdiv { */}
|
|
{/* width: 100%; */}
|
|
{/* height: 100%; */}
|
|
{/* } */}
|
|
{/**/}
|
|
{/* ::cue { */}
|
|
{/* background-color: transparent; */}
|
|
{/* text-shadow: */}
|
|
{/* -1px -1px 0 #000, */}
|
|
{/* 1px -1px 0 #000, */}
|
|
{/* -1px 1px 0 #000, */}
|
|
{/* 1px 1px 0 #000; */}
|
|
{/* } */}
|
|
{/* `}</style> */}
|
|
{/* <WebTooltip theme={theme} /> */}
|
|
{/* <SkeletonCss /> */}
|
|
{/* <TouchOnlyCss /> */}
|
|
{/* <HiddenIfNoJs /> */}
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default function Layout() {
|
|
const registry = createStyleRegistry();
|
|
useServerHeadInsertion(() => registry.flushToComponent());
|
|
|
|
// TODO: change this lang attr
|
|
return (
|
|
<html lang="en-US">
|
|
<head>
|
|
<title>Kyoo</title>
|
|
<meta charSet="utf-8" />
|
|
<meta name="description" content="A portable and vast media library solution." />
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/icon-16x16.png" />
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/icon-32x32.png" />
|
|
<link rel="icon" type="image/png" sizes="64x64" href="/icon-64x64.png" />
|
|
<link rel="icon" type="image/png" sizes="128x128" href="/icon-128x128.png" />
|
|
<link rel="icon" type="image/png" sizes="256x256" href="/icon-256x256.png" />
|
|
{/* <GlobalCssTheme /> */}
|
|
</head>
|
|
|
|
<body className="hoverEnabled">
|
|
<StyleRegistryProvider registry={registry}>
|
|
{/* <Providers> */}
|
|
<Slot />
|
|
{/* <ReactQueryDevtools initialIsOpen={false} /> */}
|
|
{/* </Providers> */}
|
|
</StyleRegistryProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|