Changed font to mono, added footer with source-code, card use flex-wrap and should not overlap with anything else

This commit is contained in:
Martin Berg Alstad
2022-12-21 15:47:08 +01:00
parent 6798840a6b
commit b62f2611ea
11 changed files with 52 additions and 28 deletions

View File

@ -2,16 +2,20 @@
import { type Component } from "solid-js";
import type { TitleProps } from "../types/interfaces";
import Header from "./header";
import Footer from "./footer";
export const Layout: Component<TitleProps> = ({ children, title, className }) => {
const Layout: Component<TitleProps> = ({ children, title, className }) => {
return (
<div class={ `bg-default-bg text-white min-h-screen font-mono ${ className }` }>
<div class="container mx-auto debug">
<Header className={"my-3"} title={ title } />
<div class={ `bg-default-bg text-white min-h-screen relative font-mono ${ className }` }>
<div class="container mx-auto">
<Header className={ "py-3" } title={ title } />
<main>
{ children }
<div class={ "pb-28" }>{ children }</div>
<Footer />
</main>
</div>
</div>
);
};
export default Layout;