Use shop SVG assets for paid room previews so thumbnail and LCD match.

ParallaxRoomBackground renders sceneImage with pixelated cover for room-night
and room-forest instead of mismatched CSS layers.
This commit is contained in:
2026-05-24 05:11:16 -06:00
parent 365de4354b
commit 8c0603475f
5 changed files with 54 additions and 26 deletions

View File

@@ -70,7 +70,16 @@ export function RoomStyleSelector({
: "border-border/60 hover:border-border",
)}
>
<div className={cn("absolute inset-0", room.previewClassName)} />
{room.sceneImage ? (
// eslint-disable-next-line @next/next/no-img-element
<img
src={room.sceneImage}
alt=""
className="absolute inset-0 size-full object-cover image-pixelated"
/>
) : (
<div className={cn("absolute inset-0", room.previewClassName)} />
)}
{locked ? (
<span
aria-hidden