hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update app structure

Browse Source
This commit is contained in:
Hazem Krimi
2021-01-05 23:07:13 +01:00
parent b970e02068
commit 0eaf23ad60
1 changed files with 8 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_app.tsx
+8 -19
View File
@@ -1,25 +1,13 @@
import type { AppProps } from 'next/app';
import styled, { createGlobalStyle } from 'styled-components';
import Head from 'next/head';
const GlobalStyle = createGlobalStyle`
body {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Source Code Pro', monospace;
font-size: '17px';
}
`;
const Container = styled.div`
width: 85%;
margin: auto;
`;
import Nav from '../components/Nav';
import DarkMode from '../components/DarkMode';
import Container from '../components/Container';
import GlobalStyles from '../components/GlobalStyles';
const App = ({ Component, pageProps }: AppProps) => {
return (
<>
<DarkMode>
<Head>
<link rel='preconnect' href='https://fonts.gstatic.com' />
<link
@@ -28,11 +16,12 @@ const App = ({ Component, pageProps }: AppProps) => {
/>
<title>Hazem Krimi</title>
</Head>
<GlobalStyle />
<GlobalStyles />
<Container>
<Nav />
<Component {...pageProps} />
</Container>
</>
</DarkMode>
);
};