From d149cb6c45410ab9376c19f1386cf479cfa2cec0 Mon Sep 17 00:00:00 2001
From: Daisuke <nakada0907@outlook.com>
Date: Mon, 23 Feb 2026 19:28:50 +0900
Subject: [PATCH] fix(layout): adjust BaseLayout responsive layout

- Adjust spacing and header structure to improve responsive display

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 src/layouts/BaseLayout.astro |  6 +++---
 src/scripts/menu.js          | 19 ++++++++++++++++---
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 0837182..4b5be2b 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -35,7 +35,7 @@ const { pageTitle } = Astro.props;
             {pageTitle}
         </h1>
         <slot />
-        <Footer>
+        <Footer />
         <script>
             import "../scripts/menu.js";
         </script>
@@ -44,6 +44,6 @@ const { pageTitle } = Astro.props;
 
 <style>
   .page-title {
-      font-size: 2.8rem;
+      font-size: 2.2rem;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/scripts/menu.js b/src/scripts/menu.js
index 13f8805..6850174 100644
--- a/src/scripts/menu.js
+++ b/src/scripts/menu.js
@@ -1,3 +1,16 @@
-document.querySelector('.hamburger').addEventListener('click', () => {
-    document.querySelector('.nav-links').classList.toggle('expanded');
-});
+const setupHamburgerMenu = () => {
+    const hamburger = document.querySelector('.hamburger');
+    const navLinks = document.querySelector('.nav-links');
+
+    if (!hamburger || !navLinks) return;
+
+    hamburger.addEventListener('click', () => {
+        navLinks.classList.toggle('expanded');
+    });
+};
+
+if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', setupHamburgerMenu);
+} else {
+    setupHamburgerMenu();
+}