✨ Update general style
- Smaller width of page - Center navbar - Fonts - Catppuccin Mocha colours - TODO.md - Show all uses at the same time - and more...
This commit is contained in:
@ -1,13 +1,15 @@
|
||||
---
|
||||
import Navbar from "@/components/Navbar.astro"
|
||||
import Footer from "@/components/Footer.astro"
|
||||
import Header from "../components/header/Header.astro"
|
||||
import { languageTag } from "@/paraglide/runtime"
|
||||
import { resolvePathname } from "../utils/linking"
|
||||
|
||||
interface Props {
|
||||
title: string
|
||||
class?: string
|
||||
}
|
||||
const { title, class: clazz } = Astro.props
|
||||
const mainClass = "grow max-w-[1000px] m-auto sm:min-w-[500px] mt-5"
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
@ -19,11 +21,12 @@ const { title, class: clazz } = Astro.props
|
||||
<link rel="sitemap" href="/sitemap-index.xml" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>{title}</title>
|
||||
<title>{title} | Martin Berg Alstad</title>
|
||||
</head>
|
||||
<body class="flex flex-col h-screen">
|
||||
<Navbar />
|
||||
<main class:list={["grow", clazz]}>
|
||||
<body class="flex flex-col min-h-screen bg-cat-base text-cat-text">
|
||||
<Header />
|
||||
<main class:list={[mainClass, clazz]}>
|
||||
<h1>~{resolvePathname(Astro.routePattern)}</h1>
|
||||
<slot />
|
||||
</main>
|
||||
<Footer />
|
||||
|
Reference in New Issue
Block a user