From 815dfb26e0280f7a0420662d91cc78d7e462d469 Mon Sep 17 00:00:00 2001
From: syui <syui@syui.ai>
Date: Fri, 18 Jul 2025 15:45:30 +0900
Subject: [PATCH] Hide navigation elements on mobile devices
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add 'hidden md:block' to Bluesky link to hide on mobile
- Add 'hidden md:flex' to form inputs to hide on mobile
- Keep only the AI icon visible on mobile for cleaner UI
- Desktop users still see full navigation

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/components/common/Navigation.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/common/Navigation.tsx b/src/components/common/Navigation.tsx
index 98d0354..535e4e9 100644
--- a/src/components/common/Navigation.tsx
+++ b/src/components/common/Navigation.tsx
@@ -33,7 +33,7 @@ export default function Navigation({ username: _username }: NavigationProps) {
           <a href="/" className="text-accent text-2xl px-4">
             <span className="icon-ai"></span>
           </a>
-          <code className="bg-dark p-0">
+          <code className="bg-dark p-0 hidden md:block">
             <a 
               href="https://bsky.app/profile/yui.syui.ai" 
               target="_blank" 
@@ -45,7 +45,7 @@ export default function Navigation({ username: _username }: NavigationProps) {
           </code>
         </div>
         
-        <div className="flex gap-2">
+        <div className="flex gap-2 hidden md:flex">
           <form className="flex gap-2">
             <input 
               type="text"