refactored side menu

This commit is contained in:
Maggie Appleton 2021-09-10 10:22:45 +01:00
parent cc24e63ade
commit 5721add857
4 changed files with 73 additions and 52 deletions

View file

@ -1,7 +1,13 @@
import '../styles/tailwind.css'
import "../styles/tailwind.css";
import Sidemenu from "../components/Sidemenu";
function MyApp({Component, pageProps}) {
return <Component {...pageProps} />
function MyApp({ Component, pageProps }) {
return (
<div className="flex flex-row">
<Sidemenu />
<Component {...pageProps} />
</div>
);
}
export default MyApp;
export default MyApp;

View file

@ -4,7 +4,6 @@ import Link from "next/link";
import path from "path";
import Container from "../components/Container";
import Layout from "../components/Layout";
import Sidemenu from "../components/Sidemenu";
import Card from "../components/Card";
import { gardenFilePath, GARDENS_PATH } from "../utils/mdxUtils";
import { motion } from "framer-motion";
@ -31,7 +30,6 @@ const tools = [
export default function Index({ gardens }) {
return (
<Container>
<Sidemenu />
<Layout>
<motion.div
initial="hidden"
@ -49,7 +47,7 @@ export default function Index({ gardens }) {
},
}}
>
<h1 className="sm:text-4xl mb-6 font-semibold">
<h1 className="sm:text-4xl text-black mb-6 font-semibold">
Garden of Digital Gardens
</h1>
<h2 className="text-xl text-deepGreen font-serif font-light max-w-5xl leading-tight">