optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[SHOPTIME-1382] [SHOPTIME-2845] Modify vertical video thumbnail layout in Popular Show

Browse Source
This commit is contained in:
dongyoungKo
2025-04-03 16:45:20 +09:00
parent fd6a84de9d
commit fdf5ba79af
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx
View File

@@ -1942,12 +1942,14 @@ const PlayerPanel = ({
useLayoutEffect(() => {
const videoContainer = document.querySelector(`.${css.videoContainer}`);
if (panelInfo.thumbnail) {
videoContainer.style.background = `url(${panelInfo.thumbnail}) center center/cover`;
if (panelInfo.thumbnail && !videoVerticalVisible) {
videoContainer.style.background = `url(${panelInfo.thumbnail}) center center / contain no-repeat`;
videoContainer.style.backgroundColor = "black";
}
if (broadcast.type === "videoError" && videoThumbnailUrl) {
videoContainer.style.background = `url(${videoThumbnailUrl}) center center/cover`;
videoContainer.style.background = `url(${videoThumbnailUrl}) center center / contain no-repeat`;
videoContainer.style.backgroundColor = "black";
}
}, [panelInfo.thumbnail, broadcast]);

3
com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.module.less
View File

@@ -37,7 +37,8 @@
&.horizontal {
> img {
.size(@w: 1002px, @h: auto);
height: 100%;
// .size(@w: 100%, @h: 100%);
border-radius: 12px;
}
}