diff --git a/components/layout/Base-Layout.js b/components/layout/Base-Layout.js index 0f89d93..7f4b3d0 100644 --- a/components/layout/Base-Layout.js +++ b/components/layout/Base-Layout.js @@ -5,7 +5,9 @@ import styles from "../../styles/components/layout/Layout.module.css" const BaseLayout = ({ children }) => { return ( -
+
typo.io @@ -14,18 +16,27 @@ const BaseLayout = ({ children }) => { -
- {children} +
+ {children}
- +
-
+ ) } diff --git a/components/layout/Moving-Layout.js b/components/layout/Moving-Layout.js new file mode 100644 index 0000000..a0694b2 --- /dev/null +++ b/components/layout/Moving-Layout.js @@ -0,0 +1,33 @@ +import Head from 'next/head' +import { Navbar } from '../Navbar.jsx' +import styles from "../../styles/components/layout/Layout.module.css" + +const MovingLayout = ({ children }) => { + + return ( +
+ + typo.io + + + + + + +
+ {children} +
+ +
+

+ Powered by{' '} + niclas@127.0.0.1 +

+
+ +
+ ) +} + + +export default MovingLayout \ No newline at end of file diff --git a/pages/_app.js b/pages/_app.js index 4354638..7d2fd8d 100644 --- a/pages/_app.js +++ b/pages/_app.js @@ -5,10 +5,12 @@ import BaseLayout from "../components/layout/Base-Layout" * The main method 😍 */ function Typo({ Component, pageProps }) { + const Layout = Component.Layout || BaseLayout; + return ( - + - + ) } diff --git a/pages/config/index.js b/pages/config/index.js index b89f86c..f883ec0 100644 --- a/pages/config/index.js +++ b/pages/config/index.js @@ -1,5 +1,6 @@ import { Checkbox } from "../../components/config/Checkbox.jsx" import { Mode } from "../../components/config/Mode.jsx" +import MovingLayout from "../../components/layout/Moving-Layout.js" export default function Home() { return ( @@ -7,7 +8,7 @@ export default function Home() { - + @@ -15,3 +16,5 @@ export default function Home() { ) } + +Home.Layout = MovingLayout; \ No newline at end of file diff --git a/styles/components/Navbar.module.css b/styles/components/Navbar.module.css index f4cb6a6..112953a 100644 --- a/styles/components/Navbar.module.css +++ b/styles/components/Navbar.module.css @@ -10,7 +10,6 @@ padding: 0; margin: 0; height: 50px; - border-bottom: 1px solid #eaeaea; } .navigation .logo { diff --git a/styles/components/config/Config.module.css b/styles/components/config/Config.module.css index c18e3a2..8722c23 100644 --- a/styles/components/config/Config.module.css +++ b/styles/components/config/Config.module.css @@ -12,7 +12,7 @@ height: auto; display: flex; align-items: center; - margin: 10px; + margin: 30px; font-family: monospace; } diff --git a/styles/components/layout/Layout.module.css b/styles/components/layout/Layout.module.css index d733444..58f4da6 100644 --- a/styles/components/layout/Layout.module.css +++ b/styles/components/layout/Layout.module.css @@ -5,21 +5,12 @@ flex-direction: column; justify-content: center; align-items: center; - - position: absolute; - top: 50%; - width: 100%; - -ms-transform: translateY(-50%); - transform: translateY(-50%); } .footer { width: 100%; height: 100px; - border-top: 1px solid #eaeaea; text-align: center; - bottom: 0; - position: fixed; display: flex; justify-content: center;