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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user