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;