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

23
src/main.tsx
View File

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