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

feat: optimize site header for mobile

This commit is contained in:
DIYgod 2024-01-15 17:47:27 +08:00
parent b64d51ff15
commit a69a22e52a
No known key found for this signature in database
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -71,14 +71,21 @@ export const SiteHeader = async ({
}
})()}
</div>
<div className="px-5 max-w-screen-lg mx-auto h-full relative flex items-center flex-col">
<div
className={cn(
"px-5 max-w-screen-lg mx-auto h-full relative flex items-center flex-col",
site?.metadata?.content?.banners?.[0]?.address
? "bg-white/50 backdrop-blur-sm sm:bg-transparent sm:backdrop-filter-none"
: "",
)}
>
<div className="mb-auto"></div>
<div className="flex py-12 w-full">
<div
className={cn(
"xlog-site-info flex space-x-6 sm:space-x-8 w-full",
site?.metadata?.content?.banners?.[0]?.address
? "bg-white/50 backdrop-blur-sm rounded-3xl p-4 pb-[52px] sm:p-8 z-[1] border"
? "sm:bg-white/50 sm:backdrop-blur-sm sm:rounded-3xl z-[1] sm:p-8 sm:border"
: "",
)}
>