gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pdp/사양안내 업로드

Browse Source
This commit is contained in:
hyeonggil
2024-06-19 17:56:18 +09:00
parent 6f7e860912
commit f21d830235
22 changed files with 248 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
assets/css/pdp_detail.scss
View File

@@ -1843,6 +1843,10 @@
position: absolute;
width: 100%;
max-width: 192rem;
@include maxtablet{
overflow: hidden;
height: 143vw;
}
img {
width: 100%;
&.mobile {display: none;}
@@ -2156,6 +2160,21 @@
font-size: 2rem;
}
}
&.welcome-goodbye {
margin-top:8rem;
.comp_body {
&+.comp_body {
margin-top: 10rem;
}
.text_area {
margin-bottom:2rem;
}
video {
width: 100%;
}
}
}
}
.displayThemeDtl {
@@ -2181,8 +2200,12 @@
.swiper-pagination {
top:46.4rem;
// top:36.4vw;
@media(max-width: 1200px){
top:36.4vw;
}
@include maxtablet{
top: 13.4rem;
// top: 14.4rem;
}
.swiper-pagination-bullet {
opacity: 1;
@@ -2468,6 +2491,11 @@
border-radius: 0.8rem;
overflow: hidden;
}
@include maxtablet{
video {
width: 100%;
}
}
}
@include maxtablet{
margin-top:4rem;
@@ -2502,21 +2530,53 @@
.inCarGameDtlThumb {
margin-top: .7rem;
.swiper-slide {
overflow: hidden;
position: relative;
height: 14.85rem;
border-radius: 0.8rem;
@include maxtablet{
height: 4.5rem;
}
cursor: pointer;
&.video-slideThumb {
&:before {
content:"";
display: block;
position: absolute;
top:50%;left:50%;
z-index: 2;
transform: translate(-50%, -50%);
width: 60px;
height: 61px;
background: url(../images/kia/pdp/in_car_game/btn_play.png) no-repeat center / contain;
@include maxtablet{
width: 30px;
height: 31px;
opacity: .75;
}
}
}
img {
display: block;
max-width: 100%;
border-radius: 0.8rem;
overflow: hidden;
}
video {
position: absolute;
top:50%;
transform: translateY(-50%);
z-index: 1;
width: 100%;
}
&:after {
content:"";
display: block;
position: absolute;
top:0;
left:0;
z-index: 3;
width: 100%;
height: 100%;
border-radius: .8rem;