From 06ec418806a04b8e61a8cb1bd538627ed893e939 Mon Sep 17 00:00:00 2001
From: kkfluous <kkfluous@kdemacbook-air.local>
Date: Mon, 30 Mar 2026 21:25:22 +0800
Subject: [PATCH] fix: Prevent nav logo and title overlap on mobile

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index 814452a..4364fa1 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -57,7 +57,7 @@ const Navbar = () => {
         </div>
         
         {/* Center: Title */}
-        <div className="absolute left-1/2 -translate-x-1/2 flex items-center whitespace-nowrap">
+        <div className="flex items-center whitespace-nowrap md:absolute md:left-1/2 md:-translate-x-1/2">
           <span className="text-xl md:text-2xl font-bold tracking-tight text-slate-900">OneOS <span className="text-brand">Solutions</span></span>
         </div>