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

비디오 disclaimer부분 수정건.

Browse Source
This commit is contained in:
junghoon86.park
2024-07-24 15:56:22 +09:00
parent aa290065f0
commit 66b174258b
2 changed files with 29 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js
View File

@@ -56,6 +56,7 @@ import { FloatingLayerDecorator } from '@enact/ui/FloatingLayer';
import { import {
FloatingLayerContext, FloatingLayerContext,
} from '@enact/ui/FloatingLayer/FloatingLayerDecorator'; } from '@enact/ui/FloatingLayer/FloatingLayerDecorator';
import Marquee from '@enact/ui/Marquee';
import Slottable from '@enact/ui/Slottable'; import Slottable from '@enact/ui/Slottable';
import Touchable from '@enact/ui/Touchable'; import Touchable from '@enact/ui/Touchable';
@@ -2285,7 +2286,11 @@ const VideoPlayerBase = class extends React.Component {
<> <>
<div className={css.disclaimer}> <div className={css.disclaimer}>
<span className={css.icon} /> <span className={css.icon} />
<h3 aria-label={disclaimer}>{disclaimer}</h3> <h3 aria-label={disclaimer}>
<Marquee className={css.marquee} marqueeOn="render">
{disclaimer}
</Marquee>
</h3>
</div> </div>
</> </>
)} )}

51
com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.module.less
View File

@@ -159,25 +159,26 @@
height: 14px; height: 14px;
} }
> span { > span {
font-size: 18px; font-size: 16px;
height: auto; height: auto;
width: auto; width: auto;
} }
} }
&.qvc { &.qvc {
display: flex; display: flex;
width: 180px; width: 19%;
height: 80px; height: 22%;
bottom: 9.5% !important; padding: 1%;
bottom: 4% !important;
left: 4.5% !important; left: 4.5% !important;
} }
&.hsn { &.hsn {
display: flex; display: flex;
left: 7% !important;
width: 19%; width: 19%;
height: 22%; height: 22%;
padding: 1%;
bottom: 4% !important; bottom: 4% !important;
padding: 30px 5px; left: 7% !important;
} }
} }
} }
@@ -256,29 +257,23 @@
} }
} }
.disclaimerContainer { .disclaimer {
width: 524px; color: #f2f2f2;
height: 74px; font-size: 18px;
padding: 12px; line-height: 1.56;
border-radius: 5px; z-index: 1;
background-color: rgba(0, 0, 0, 0.5); width: 1002px;
display: flex;
position: absolute;
top: 14px;
left: 18px;
> span { display: inline-flex;
width: 18px; > h3 {
height: 18px; width: 100%;
background-size: 18px 18px; height: 54px;
background-image: url("../../../assets/images/icons/ic-warning.svg"); line-height: 54px;
margin: 4px 12px 0 0; .elip(@clamp:1);
} .marquee {
.disclaimer { width: 100%;
width: 470px; transition: opacity 0.5s ease-in-out;
color: #f2f2f2; }
font-size: 18px;
line-height: 1.56;
} }
} }