Merge pull request #38 from destyk/fix/add-__next-styles

fix: add styles to __next
destyk · May 14, 2024 · ffb565f · ffb565f
2 parents 6a8b7c1 + 9e681b2
commit ffb565f
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 17 deletions.
diff --git a/src/assets/globals.scss b/src/assets/globals.scss
@@ -12,6 +12,11 @@ $secondary: #8f9ba8;
 @import '../../node_modules/bootstrap/scss/bootstrap';
 @import './mixins';
 
+#__next {
+  height: 100% !important;
+  width: 100% !important;
+}
+
 body {
   overflow-y: scroll;
   @include scrollbars(5px, 5px, #555, independent);

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -1,5 +1,5 @@
 import Wrapper from '@feature/wrapper/wrapper';
-import { useEffect, type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { NextPage } from 'next';
 import type { AppProps } from 'next/app';
 
@@ -13,17 +13,12 @@ type AppPropsWithLayout = AppProps & {
   Component: NextPageWithLayout;
 };
 
-export default function App({ Component, pageProps }: AppPropsWithLayout) {
-  useEffect(() => {
-    const __next = document.getElementById('__next');
-    if (__next !== null) {
-      __next.className = 'w-100 h-100';
-    }
-  }, []);
-
+const App = ({ Component, pageProps }: AppPropsWithLayout) => {
   return (
     <Wrapper>
       <Component {...pageProps} />
     </Wrapper>
   );
-}
+};
+
+export default App;
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -1,16 +1,11 @@
 import { Html, Head, Main, NextScript } from 'next/document';
 
-export default function Document() {
+const Document = () => {
   return (
     <Html lang="en" className="h-100" data-bs-theme="dark">
       <Head>
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta name="theme-color" content="#08070b" />
-        <meta
-          name="description"
-          content="DestyK i.e. Nikita Arefev - A software engineer working on high-load web applications and web infrastructure"
-        />
-        <meta name="keywords" content="Ключевые слова" />
         <meta name="author" content="destyk." />
 
         <link rel="icon" href="/favicon.ico" />
@@ -23,4 +18,6 @@ export default function Document() {
       </body>
     </Html>
   );
-}
+};
+
+export default Document;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -14,6 +14,10 @@ const HomePage = () => {
     <>
       <Head>
         <title>Home</title>
+        <meta
+          name="description"
+          content="DestyK i.e. Nikita Arefev - A software engineer working on high-load web applications and web infrastructure"
+        />
       </Head>
       <motion.main
         className={clsx(styles['home'], 'mt-auto', 'text-center')}