diff --git a/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.jsx b/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.jsx index a3998396..8d854851 100644 --- a/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.jsx +++ b/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.jsx @@ -16,6 +16,7 @@ import { } from "../../../../actions/playActions"; import { $L } from "../../../../utils/helperMethods"; import css from "./PopularVideoCard.module.less"; +import CustomImage from "../../../../components/CustomImage/CustomImage"; const SpottableComponent = Spottable("div"); @@ -126,7 +127,12 @@ export default function PopularVideoCard({ >
{thumbnailImgPath && ( - {showNm} + )}
diff --git a/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.module.less b/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.module.less index b76ef696..475b0318 100644 --- a/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.module.less +++ b/com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.module.less @@ -28,6 +28,7 @@ } > figure:nth-child(1) { + .size(@w: 1002px, @h: 564px); .position(@position: absolute, @top: 0, @right: 0, @left: 0); z-index: -1; .flex(); @@ -36,7 +37,7 @@ &.horizontal { > img { - .size(@w: 1002px, @h: 564px); + .size(@w: 1002px, @h: auto); border-radius: 12px; } } @@ -45,7 +46,7 @@ background-color: @COLOR_BLACK; > img { - .size(@w: 326px, @h: 564px); + .size(@w: auto, @h: 564px); border-radius: 12px; } }