lukeonline

commit b3b9868d4b925a0e34cf8557ee03f89c50db264f
parent b747550ea6d4a10c7d24abc5edd7156aeb8b1343
Author: Luke Jones <luke.jones.2567@gmail.com>
Date:   Mon, 17 Aug 2026 22:16:41 +0100

refactor: base structure changes

Diffstat:
M
src/components/Header.astro
 | 
1
-
M
src/layouts/Base.astro
 | 
9
++++++---
M
src/styles/global.css
 | 
2
+-

3 files changed, 7 insertions(+), 5 deletions(-)
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -7,7 +7,6 @@ const linkStyling =
 ---
 
 <header class="flex flex-col gap-2">
-  <span class="text-xl font-bold">Luke Jones</span>
   <nav class="flex flex-row flex-wrap justify-between gap-2">
     <a class={linkStyling} href="/">Home</a>
     <a class={linkStyling} href="/projects">Projects</a>
diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
@@ -13,10 +13,13 @@ const { ...props } = Astro.props
 
 <html>
   <Head title={`${SITE_TITLE} - ${props.title}`} />
-  <body class="w-full p-2 text-base md:m-auto md:w-192 md:p-8">
-    <div class="flex flex-col gap-5 border-1 border-solid bg-white p-8">
+  <body
+    class="flex w-full flex-col gap-3 p-2 text-base md:m-auto md:w-3xl md:p-8"
+  >
+    <span class="text-3xl font-bold">Luke Jones</span>
+    <div class="flex flex-col gap-3 border border-solid bg-white p-6">
       <Header />
-      <main class="flex flex-col gap-4">
+      <main class="flex flex-col gap-3">
         <Heading level={1}>{props.title}</Heading>
         <slot />
       </main>
diff --git a/src/styles/global.css b/src/styles/global.css
@@ -1,5 +1,5 @@
 @import 'tailwindcss';
 
 html {
-  background: #ccc;
+  background: #ddd;
 }