style: 调整内容背景图片渲染模式与层次, 防止信息过多导致眼花

release/desktop
moonrailgun 3 years ago
parent 9369b5ce79
commit fc0ec67568

@ -96,20 +96,17 @@ export const PageContent: React.FC<PageContentProps> = React.memo((props) => {
)}
data-tc-role={props['data-tc-role']}
>
<div className="tc-content-background" />
<div
className={clsx(
'flex flex-auto bg-content-light dark:bg-content-dark relative',
{
'overflow-auto': !showMask,
'overflow-hidden': showMask,
}
)}
className={clsx('flex flex-auto relative', {
'overflow-auto': !showMask,
'overflow-hidden': showMask,
})}
>
{contentMaskEl}
{contentEl}
</div>
<div className="tc-content-background" />
</div>
</>
);

Loading…
Cancel
Save