fix styles

This commit is contained in:
Anderson Oki 2024-04-30 15:29:06 +09:00
parent 4d27f7819c
commit 5e0d9eac44
2 changed files with 12 additions and 3 deletions

View File

@ -20,6 +20,7 @@ import {
Group,
Stack,
Text,
useComputedColorScheme,
useMantineColorScheme,
} from "@mantine/core";
import { useHover } from "@mantine/hooks";
@ -98,8 +99,10 @@ function useIsActive(parent: string, route: RouteObject) {
const AppNavbar: FunctionComponent = () => {
const [selection, select] = useState<string | null>(null);
const { colorScheme, toggleColorScheme } = useMantineColorScheme();
const dark = colorScheme === "dark";
const { toggleColorScheme } = useMantineColorScheme();
const computedColorScheme = useComputedColorScheme("light");
const dark = computedColorScheme === "dark";
const routes = useRouteItems();

View File

@ -1,4 +1,10 @@
import { ActionIcon, Badge, Button, createTheme, MantineProvider } from "@mantine/core";
import {
ActionIcon,
Badge,
Button,
createTheme,
MantineProvider,
} from "@mantine/core";
import { FunctionComponent, PropsWithChildren } from "react";
import ThemeLoader from "@/App/ThemeLoader";
import "@mantine/core/styles.layer.css";