jazzymc/homarr
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

chore: add ui package and custom theme colors

Browse Source
This commit is contained in:
Meier Lukas
2023-12-08 23:47:55 +01:00
parent 9ea96899b1
commit f6094c6ae2
12 changed files with 127 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/nextjs/src/app/layout.tsx
View File

@@ -7,6 +7,7 @@ import '@mantine/notifications/styles.css';
import { MantineProvider, ColorSchemeScript } from '@mantine/core';
import { headers } from "next/headers";
import { uiConfiguration } from "@alparr/ui";
import { TRPCReactProvider } from "./providers";
@@ -35,7 +36,7 @@ export default function Layout(props: { children: React.ReactNode }) {
</head>
<body className={["font-sans", fontSans.variable].join(" ")}>
<TRPCReactProvider headers={headers()}>
<MantineProvider>{props.children}</MantineProvider>
<MantineProvider defaultColorScheme="dark" {...uiConfiguration}>{props.children}</MantineProvider>
</TRPCReactProvider>
</body>
</html>

7
apps/nextjs/src/app/page.tsx
View File

@@ -1,7 +1,10 @@
import { Title } from "@mantine/core";
import { Button, Stack, Title } from "@mantine/core";
export default function HomePage() {
return (
<Title>Home</Title>
<Stack>
<Title>Home</Title>
<Button>Test</Button>
</Stack>
);
}