タイトルをfont-monoに変更

Author: na-trium-144

app/navbar.tsx

@@ -7,7 +7,7 @@ export function Navbar() {
       {/* fixedのヘッダーの分だけスクロールするコンテンツを下に移動するためのdiv */}
       <div className="h-16 lg:hidden" />
 
-      <div className="h-16 navbar bg-base-200 w-full fixed lg:hidden flex gap-2 z-40 shadow-md">
+      <div className="h-16 navbar bg-base-200 w-full fixed lg:hidden flex gap-4 z-40 shadow-md">
         <div className="flex-none">
           {/* サイドバーを開閉するボタン */}
           <label
@@ -38,7 +38,7 @@ export function Navbar() {
               alt="icon"
               className="inline-block w-8 h-8 mr-2"
             />
-            <span className="font-bold text-xl">my.code();</span>
+            <span className="font-bold text-xl font-mono">my.code();</span>
           </Link>
         </div>
         <ThemeToggle />

app/sidebar.tsx

@@ -114,9 +114,9 @@ export function Sidebar() {
           <img
             src="/icon.svg"
             alt="icon"
-            className="inline-block w-8 h-8 mr-2"
+            className="inline-block w-8 h-8 mr-1"
           />
-          <span className="text-xl font-bold">my.code();</span>
+          <span className="text-xl font-bold font-mono">my.code();</span>
         </Link>
         <ThemeToggle />
         <AccountMenu />