Refactor directory structure
This commit is contained in:
@@ -1,9 +1,9 @@
|
|||||||
import '../styles/globals.scss';
|
import '../styles/globals.scss';
|
||||||
import type { AppProps } from 'next/app';
|
import type { AppProps } from 'next/app';
|
||||||
import { Footer } from './layout/Footer';
|
import Footer from './components/Footer';
|
||||||
import { Header } from './layout/Header';
|
import Header from './components/Header';
|
||||||
|
|
||||||
function MyApp({ Component, pageProps }: AppProps) {
|
function Runosaari({ Component, pageProps }: AppProps) {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Header />
|
<Header />
|
||||||
@@ -15,4 +15,4 @@ function MyApp({ Component, pageProps }: AppProps) {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default MyApp;
|
export default Runosaari;
|
||||||
|
|||||||
@@ -1,8 +1,9 @@
|
|||||||
import Link from 'next/link';
|
import Link from 'next/link';
|
||||||
|
import Image from 'next/image';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import styles from '../../styles/Footer.module.scss';
|
import styles from '../../styles/Footer.module.scss';
|
||||||
|
|
||||||
export const Footer = () => {
|
const Footer = () => {
|
||||||
return (
|
return (
|
||||||
<footer className={styles.footer}>
|
<footer className={styles.footer}>
|
||||||
<div className={styles.container}>
|
<div className={styles.container}>
|
||||||
@@ -16,7 +17,7 @@ export const Footer = () => {
|
|||||||
<Link href='/#nav-bar'>
|
<Link href='/#nav-bar'>
|
||||||
<img
|
<img
|
||||||
className={styles.logo}
|
className={styles.logo}
|
||||||
src='small-logo.png'
|
src='/small-logo.png'
|
||||||
alt='small logo'
|
alt='small logo'
|
||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
@@ -38,3 +39,5 @@ export const Footer = () => {
|
|||||||
</footer>
|
</footer>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export default Footer;
|
||||||
@@ -1,8 +1,9 @@
|
|||||||
import Link from 'next/link';
|
import Link from 'next/link';
|
||||||
|
import Image from 'next/image';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import styles from '../../styles/Header.module.scss';
|
import styles from '../../styles/Header.module.scss';
|
||||||
|
|
||||||
export const Header = () => {
|
const Header = () => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<header className={styles.header}>
|
<header className={styles.header}>
|
||||||
@@ -31,7 +32,7 @@ export const Header = () => {
|
|||||||
<div className={styles.logo} id='logo-start'>
|
<div className={styles.logo} id='logo-start'>
|
||||||
<img
|
<img
|
||||||
className={styles.logoImage}
|
className={styles.logoImage}
|
||||||
src='runosaari-logo.jpg'
|
src='/runosaari-logo.jpg'
|
||||||
alt='Runosaari logo'
|
alt='Runosaari logo'
|
||||||
/>
|
/>
|
||||||
<div className={styles.logoCredits}>
|
<div className={styles.logoCredits}>
|
||||||
@@ -42,3 +43,5 @@ export const Header = () => {
|
|||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export default Header;
|
||||||
Reference in New Issue
Block a user