Files
NapCatQQ/napcat.webui/src/components/page_background.tsx
2025-01-24 21:13:44 +08:00

26 lines
821 B
TypeScript

import { Image } from '@heroui/image'
import React from 'react'
import bkg_color from '@/assets/images/bkg-color.png'
const PageBackground = () => {
return (
<React.Fragment>
<div className="fixed w-full h-full -z-[0] flex justify-end opacity-80">
<Image
className="overflow-hidden object-contain -top-42 h-[160%] -right-[30%] -rotate-45 pointer-events-none select-none -z-10 relative"
src={bkg_color}
/>
</div>
<div className="fixed w-full h-full overflow-hidden -z-[0] hue-rotate-90 flex justify-start opacity-80">
<Image
className="relative -top-92 h-[180%] object-contain pointer-events-none rotate-90 select-none -z-10 top-44"
src={bkg_color}
/>
</div>
</React.Fragment>
)
}
export default PageBackground