me
/
ethanreece.com
Archived
1
0
Fork 0
Code Pull Requests Actions Activity

Fixed footer layout

main
Ethan Reece 2023-06-09 15:29:40 -05:00
parent 33b2a01c9d
commit bcd69f2fe3
Signed by: me
GPG Key ID: D3993665FF92E1C3
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/content/global/Footer.astro
View File

@ -11,7 +11,7 @@ const links: NavItem[] = [{ text: 'site credits', link: '/credits' }]
---
<section>
<footer class={`flex ${paddingX} ${paddingY}`}>
<footer class={`flex bg-background-light ${paddingX} ${paddingY}`}>
<span class="mr-auto">Copyright Ethan Reece</span>
<nav>
{

4
src/layouts/Base.astro
View File

@ -23,10 +23,10 @@ import '@fontsource-variable/jetbrains-mono'
<body class="min-h-screen w-screen font-main font-light text-font">
<Background>
<Navbar />
<main class="pt-navbar-h">
<main class="mb-auto pt-navbar-h">
<slot />
</main>
<Footer class="mb-auto" />
</Background>
<Footer />
</body>
</html>

4
src/layouts/properties/Background.astro
View File

@ -2,9 +2,9 @@
const pattern = 'heropattern-circuitboard-pattern'
---
<div class="bg-background">
<div class="min-h-screen bg-background">
<div
class={`h-full min-h-screen w-full bg-circuitboard bg-repeat ${pattern}`}
class={`flex min-h-screen w-full bg-circuitboard bg-repeat flex-col ${pattern}`}
>
<slot />
</div>

6
src/pages/credits.mdx
View File

@ -9,14 +9,14 @@ Runtime: Node.js
Package management: pnpm
CSS: Tailwind (with Astro extension)
Layout: Tailwind CSS (with Astro extension)
Font: JetBrains Mono (using Fontsource)
Circuitboard Pattern: Hero Patterns
Icons: Hero Icons (using Astro Icon)
Circuitboard Pattern: Hero Patterns
IDE: VSCodium
Code formatting: Prettier, ESLint, Astro MDX