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

1
apps/nextjs/package.json
View File

@@ -16,6 +16,7 @@
"@alparr/api": "workspace:^0.1.0",
"@alparr/auth": "workspace:^0.1.0",
"@alparr/db": "workspace:^0.1.0",
"@alparr/ui": "workspace:^",
"@mantine/core": "^7.3.1",
"@mantine/dates": "^7.3.1",
"@mantine/form": "^7.3.1",

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>
);
}