Fix shop room preview showing solid green LCD background.

Include lib/ in Tailwind content so parallax room gradient classes from room-backgrounds.ts are emitted in production CSS.
This commit is contained in:
2026-05-24 05:01:00 -06:00
parent d5e80ec380
commit ac0b102e78
4 changed files with 26 additions and 10 deletions

View File

@@ -47,7 +47,10 @@ export function ParallaxRoomBackground({
}, [interactive]);
return (
<div ref={containerRef} className={cn("absolute inset-0 overflow-hidden", className)}>
<div
ref={containerRef}
className={cn("absolute inset-0 z-0 overflow-hidden", className)}
>
{room.layers.map((layer, index) => (
<div
key={layer.id}

View File

@@ -7,12 +7,11 @@ import { CharacterLayerPreview } from "@/components/character/character-layer-pr
import { ParallaxRoomBackground } from "@/components/pet/parallax-room-background";
import { Button } from "@/components/ui/button";
import type { AvatarCustomization } from "@/lib/avatar-customization-storage";
import { buildShopItemPreviewCustomization } from "@/lib/shop-preview";
import type { ShopItemRecord } from "@/lib/shop-catalog";
import {
normalizeRoomBackgroundId,
type RoomBackgroundId,
} from "@/lib/room-backgrounds";
buildShopItemPreviewCustomization,
getShopPreviewRoomId,
} from "@/lib/shop-preview";
import type { ShopItemRecord } from "@/lib/shop-catalog";
type ShopItemPreviewModalProps = {
item: ShopItemRecord | null;
@@ -64,9 +63,7 @@ export function ShopItemPreviewModal({
baseCustomization,
item,
);
const roomId = normalizeRoomBackgroundId(
previewCustomization.roomBackground,
) as RoomBackgroundId;
const roomId = getShopPreviewRoomId(item, baseCustomization);
return (
<div