From 09acb3814eb6d4e04a32f60cad49b6cf7f4d275a Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Wed, 12 Apr 2023 02:49:31 +0100
Subject: [PATCH] fix: mobile style for search

---
 src/components/main/MainFeed.tsx   |  2 +-
 src/components/site/SiteHeader.tsx | 31 +++++++++++++++---------------
 2 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/src/components/main/MainFeed.tsx b/src/components/main/MainFeed.tsx
index 0b7efef0..6b8572d5 100644
--- a/src/components/main/MainFeed.tsx
+++ b/src/components/main/MainFeed.tsx
@@ -246,7 +246,7 @@ export const MainFeed: React.FC<{
         ) : !feed.data?.pages[0]?.count ? (
           <EmptyState />
         ) : (
-          <div className="xlog-posts space-y-8">
+          <div className="xlog-posts space-y-8 overflow-x-hidden">
             {feed.data?.pages.map((posts) =>
               posts?.list.map((post) => {
                 return (
diff --git a/src/components/site/SiteHeader.tsx b/src/components/site/SiteHeader.tsx
index 4bf2487c..c01e0d64 100644
--- a/src/components/site/SiteHeader.tsx
+++ b/src/components/site/SiteHeader.tsx
@@ -119,7 +119,7 @@ export const SiteHeader: React.FC<{
       text: "Search on this site",
       icon: (
         <span className="text-stone-400">
-          <i className="i-mingcute:search-line block text-2xl" />
+          <i className="i-mingcute:search-line block" />
         </span>
       ),
       onClick: () => setSearchOpen(true),
@@ -249,20 +249,19 @@ export const SiteHeader: React.FC<{
                       dropdown={
                         <div className="text-gray-600 bg-white rounded-lg ring-1 ring-zinc-100 shadow-md py-2 text-sm">
                           {moreMenuItems.map((item) => {
-                            if (!item.out) {
-                              return (
-                                <UniLink
-                                  key={item.text}
-                                  href={item.url}
-                                  className="h-10 flex w-full space-x-2 items-center px-3 hover:bg-hover"
-                                >
-                                  <span className="fill-gray-500 flex w-4 h-4">
-                                    {item.icon}
-                                  </span>
-                                  <span>{t(item.text)}</span>
-                                </UniLink>
-                              )
-                            }
+                            return (
+                              <UniLink
+                                key={item.text}
+                                href={item.url}
+                                onClick={item.onClick}
+                                className="h-10 flex w-full space-x-2 items-center px-3 hover:bg-hover"
+                              >
+                                <span className="fill-gray-500 flex items-center w-4 h-4 text-base leading-none">
+                                  {item.icon}
+                                </span>
+                                <span>{t(item.text)}</span>
+                              </UniLink>
+                            )
                           })}
                         </div>
                       }
@@ -287,7 +286,7 @@ export const SiteHeader: React.FC<{
                                     : item.onClick?.()
                                 }
                               >
-                                <span className="fill-gray-500 flex w-6 h-6">
+                                <span className="fill-gray-500 flex w-6 h-6 text-2xl">
                                   {item.icon}
                                 </span>
                               </Button>