xiaoxue_admin
/
xLog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: mobile style for search

This commit is contained in:
DIYgod 2023-04-12 02:49:31 +01:00
parent 46fac4df3a
commit 09acb3814e
No known key found for this signature in database
2 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/main/MainFeed.tsx
View File

@ -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 (

31
src/components/site/SiteHeader.tsx
View File

@ -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>