xt/comic_viewer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(layout):修复基本布局。

Browse Source
This commit is contained in:
徐涛 2023-03-08 09:17:53 +08:00
parent be5675cd5c
commit aae96a632b
1 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/main.tsx
View File

@ -1,9 +1,11 @@
import { NotificationsProvider } from "@mantine/notifications"; import { ColorScheme, ColorSchemeProvider, MantineProvider } from '@mantine/core';
import React, { FC, useState } from "react"; import { useColorScheme } from '@mantine/hooks';
import ReactDOM from "react-dom/client"; import { Notifications } from '@mantine/notifications';
import { RouterProvider } from "react-router-dom"; import React, { FC, useState } from 'react';
import { appRouter } from "./router"; import ReactDOM from 'react-dom/client';
import { useAppTheme } from "./theme"; import { RouterProvider } from 'react-router-dom';
import { appRouter } from './router';
import { useAppTheme } from './theme';
const AppMain: FC = () => { const AppMain: FC = () => {
const preferredColorScheme = useColorScheme(); const preferredColorScheme = useColorScheme();
@ -14,17 +16,12 @@ const AppMain: FC = () => {
<React.StrictMode> <React.StrictMode>
<ColorSchemeProvider colorScheme={colorScheme} toggleColorScheme={setColorScheme}> <ColorSchemeProvider colorScheme={colorScheme} toggleColorScheme={setColorScheme}>
<MantineProvider theme={theme} withGlobalStyles withNormalizeCSS> <MantineProvider theme={theme} withGlobalStyles withNormalizeCSS>
<NotificationsProvider position="bottom-right" limit={5} zIndex={999}> <Notifications position="bottom-right" limit={5} zIndex={999} />
<RouterProvider router={appRouter} /> <RouterProvider router={appRouter} />
</NotificationsProvider>
</MantineProvider> </MantineProvider>
</ColorSchemeProvider> </ColorSchemeProvider>
</React.StrictMode> </React.StrictMode>
); );
}; };
ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render( ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(<AppMain />);
<React.StrictMode>
<AppMain />
</React.StrictMode>
);