martials/martials.no
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

✨ More mobile friendly, fix wrong URL, Hamburger menu
All checks were successful
Build and deploy website / build (push) Successful in 33s
Details

Browse Source 
- Hamburger menu on mobile
- title is moved into header on mobile
- Smaller titles on mobile
- Fix wrong import of env in config
- Cleaned up unused imports
This commit is contained in:
Martin Berg Alstad
2025-02-15 23:00:38 +01:00
parent ff2f65bf59
commit 1b3c6c629e
11 changed files with 88 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/layouts/Layout.astro
View File

@ -9,7 +9,7 @@ interface Props {
class?: string
}
const { title, class: clazz } = Astro.props
const mainClass = "grow max-w-[1000px] m-auto sm:min-w-[500px] mt-5"
const mainClass = "grow max-w-[1000px] m-auto sm:min-w-[500px]"
---
<!doctype html>
@ -26,8 +26,12 @@ const mainClass = "grow max-w-[1000px] m-auto sm:min-w-[500px] mt-5"
<body class="flex flex-col min-h-screen bg-cat-base text-cat-text">
<Header />
<main class:list={[mainClass, clazz]}>
<h1 class="text-center">~{resolvePathname(Astro.originPathname)}</h1>
<slot />
<h1 class="text-center not-sm:hidden">
~{resolvePathname(Astro.originPathname)}
</h1>
<div class="my-5">
<slot />
</div>
</main>
<Footer />
</body>