From 5138a054f014fa64920c45fa2afdc9078c2ca05a Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Fri, 20 Dec 2024 17:56:17 +0800
Subject: [PATCH] fix: links position on mobile

---
 src/components/Header.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 1d3fff5..e3387aa 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -47,7 +47,7 @@ function Header() {
   return (
     <div className="mx-auto w-full max-w-5xl">
       <section className="flex items-center justify-between">
-        <section onClick={() => navigate("/")} className="cursor-pointer flex items-center text-base font-medium">
+        <section onClick={() => navigate("/")} className="cursor-pointer flex items-center sm:text-base text-sm font-medium">
           <div className="mr-1 flex flex-row items-center justify-start">
             <img
               width={40}
@@ -70,7 +70,7 @@ function Header() {
           <ModeToggle />
         </section>
       </section>
-      <div className="w-full justify-items-end sm:hidden mt-1">
+      <div className="w-full flex justify-end sm:hidden mt-1">
         <Links />
       </div>
       <Overview />