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

feat: head shows a blurred background when there is a banner

This commit is contained in:
DIYgod 2023-03-24 16:22:41 +00:00
parent 33a3f23064
commit 338ca81e9e
No known key found for this signature in database
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -198,7 +198,14 @@ export const SiteHeader: React.FC<{
<div className="px-5 max-w-screen-md mx-auto h-full relative flex items-center flex-col">
<div className="mb-auto"></div>
<div className="flex py-12 w-full">
<div className="xlog-site-info flex space-x-6 items-center w-full">
<div
className={cn(
"xlog-site-info flex space-x-6 items-center w-full",
site?.banners?.[0]?.address
? "bg-white bg-opacity-50 backdrop-blur-sm rounded-xl p-8 z-[1] border"
: "",
)}
>
{site?.avatars?.[0] && (
<Avatar
className="xlog-site-icon max-w-[80px] max-h-[80px] sm:max-w-none sm:max-h-none"