Public Access
16 lines
515 B
React
16 lines
515 B
React
import HeroArt from './HeroArt.jsx';
|
|
|
|
/**
|
|
* Game art behind the whole page, blurred and dimmed so text on it stays readable.
|
|
*/
|
|
export default function PageBackground({appid}) {
|
|
if (!appid) return null;
|
|
|
|
return (
|
|
<div aria-hidden="true" className="pointer-events-none fixed inset-0 -z-10 overflow-hidden">
|
|
<HeroArt key={appid} appid={appid} className="size-full scale-110 object-cover blur-md"/>
|
|
<div className="absolute inset-0 bg-background/80"/>
|
|
</div>
|
|
);
|
|
}
|