feat: add viewport setting to _app.tsx
This commit is contained in:
parent
d7669494e9
commit
957e37bf69
|
@ -2,6 +2,7 @@ import useIsDarkState from "@/states/isDarkState/isDarkState";
|
||||||
import { defaultThemes, ThemeProvider } from "@acid-info/lsd-react";
|
import { defaultThemes, ThemeProvider } from "@acid-info/lsd-react";
|
||||||
import { css, Global } from "@emotion/react";
|
import { css, Global } from "@emotion/react";
|
||||||
import type { AppProps } from "next/app";
|
import type { AppProps } from "next/app";
|
||||||
|
import Head from "next/head";
|
||||||
|
|
||||||
export default function App({ Component, pageProps }: AppProps) {
|
export default function App({ Component, pageProps }: AppProps) {
|
||||||
const isDark = useIsDarkState().get();
|
const isDark = useIsDarkState().get();
|
||||||
|
@ -9,6 +10,9 @@ export default function App({ Component, pageProps }: AppProps) {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider theme={isDark ? defaultThemes.dark : defaultThemes.light}>
|
<ThemeProvider theme={isDark ? defaultThemes.dark : defaultThemes.light}>
|
||||||
<Component {...pageProps} />
|
<Component {...pageProps} />
|
||||||
|
<Head>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
|
||||||
|
</Head>
|
||||||
<Global
|
<Global
|
||||||
styles={css`
|
styles={css`
|
||||||
html,
|
html,
|
||||||
|
|
Loading…
Reference in New Issue