モバイルの navbar に「参加申込」ボタンを追加

Author: mucho613

_includes/header.html

@@ -6,16 +6,21 @@ <h1 class="xl:block hidden mx-auto max-w-lg pt-5 px-8">
 
 <div class="fixed xl:hidden left-0 top-7 z-10 flex w-screen min-h-18 justify-center">
   <div
-    class="flex flex-col h-full w-[calc(100%-60px)] items-stretch rounded-[10px] bg-[#f5f5f5] px-5 py-3 shadow-[7px_7px_10px_rgba(125,125,125,0.15)] inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)]">
+    class="flex flex-col h-full w-[calc(100%-60px)] items-stretch rounded-[10px] bg-[#f5f5f5] py-3 pl-4 pr-3 shadow-[7px_7px_10px_rgba(125,125,125,0.15)] inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)]">
     <div class="flex items-center justify-between gap-2">
       <a href="/" class="flex h-full items-center">
         <img src="/img/common/header-logo.webp" class="w-full max-w-[250px] max-h-full"
           alt="DojoCon Japan 2025 Inspire Next." />
       </a>
-      <button id="menu-btn" type="button" aria-label="メニューを開く"
-        class="flex p-2 shrink-0 flex-col items-center justify-center rounded border border-gray-300 bg-white cursor-pointer">
-        <i class="fa-solid fa-bars"></i>
-      </button>
+      <div class="flex items-cetner gap-x-2 shrink-0">
+        <div class="px-3 py-2 rounded-sm text-center bg-[#cc8f2e] text-[#f5f5f5] justify-center">
+          <a href="/registration/">参加申込</a>
+        </div>
+        <button id="menu-btn" type="button" aria-label="メニューを開く"
+          class="flex p-2 size-10 shrink-0 flex-col items-center justify-center rounded border border-gray-300 bg-white cursor-pointer">
+          <i class="fa-solid fa-bars"></i>
+        </button>
+      </div>
     </div>
     <nav id="menu-nav" class="hidden my-2 flex-col items-stretch transition-all duration-300">
       <ul