[상품 배경]
- 영상이 아닐때 이미지에 이미 linear가 들어있어 linear는 영상에서만 노출되도록 변경.
This commit is contained in:
@@ -60,13 +60,17 @@ export default function DetailPanelBackground({ launchedFromPlayer = false, patn
|
|||||||
|
|
||||||
{/* 그라데이션 레이어들 - CSS의 linear-gradient를 div로 구현 */}
|
{/* 그라데이션 레이어들 - CSS의 linear-gradient를 div로 구현 */}
|
||||||
{/* 1. 270도 방향 그라데이션 (왼쪽→오른쪽, 투명→불투명) */}
|
{/* 1. 270도 방향 그라데이션 (왼쪽→오른쪽, 투명→불투명) */}
|
||||||
|
{launchedFromPlayer && (
|
||||||
<div className={css.gradientLayer1} aria-hidden="true" />
|
<div className={css.gradientLayer1} aria-hidden="true" />
|
||||||
|
)}
|
||||||
{/* 2. 180도 방향 그라데이션 (위→아래, 투명→불투명) */}
|
{/* 2. 180도 방향 그라데이션 (위→아래, 투명→불투명) */}
|
||||||
|
{launchedFromPlayer && (
|
||||||
<div className={css.gradientLayer2} aria-hidden="true" />
|
<div className={css.gradientLayer2} aria-hidden="true" />
|
||||||
|
)}
|
||||||
{/* 3. 투명 그라데이션 */}
|
{/* 3. 투명 그라데이션 */}
|
||||||
|
{launchedFromPlayer && (
|
||||||
<div className={css.gradientLayer3} aria-hidden="true" />
|
<div className={css.gradientLayer3} aria-hidden="true" />
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user