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

디스플레이테마 모바일 완료

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2024-06-13 21:47:19 +09:00
parent 1724a26c6d
commit e6862c65ae
7 changed files with 82 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
assets/css/pdp_detail.scss
View File

@@ -1876,11 +1876,14 @@
&.layer_up {
.text_area {
margin-top:5.2rem;
@include maxtablet{
margin-top: 6rem !important;
}
}
}
.text_area {
@include maxtablet{
margin-top: 4rem !important;
margin-top: 3rem !important;
h3 {
font-size: 3rem;
}
@@ -1914,6 +1917,12 @@
padding:3.4rem 0;
background-color: rgba(0,0,0,.8);
}
@include maxtablet{
padding:31.2rem 0 0;
.com_bottm_inner {
padding:2.4rem 0;
}
}
}
.com_bottm_inner {
display: flex;
@@ -1966,7 +1975,7 @@
border:2px solid transparent;
cursor: pointer;
@include maxtablet{
width: 18rem !important;
width: 12rem !important;
padding:.8rem;
}
&:first-child {
@@ -2058,6 +2067,7 @@
position: absolute;
top: 2rem;
right: 2rem;
z-index: 1;
width: 6rem;
height: 6rem;
background: url(../images/kia/pdp/display_theme/btn_video_close.png) no-repeat center / contain;
@@ -2106,6 +2116,9 @@
.dtlImgs {
position: relative;
padding-top:7.2rem;
@include maxtablet{
padding-top:7.2rem;
}
.item {
transition: opacity 0.2s;
.text_area {
@@ -2130,15 +2143,12 @@
z-index: 2;
margin-top:0;
@include maxtablet{
margin-top: 7.5rem;
margin-top: 4rem;
}
.image_area {
height: auto;
}
@include maxtablet{
margin-top:5rem;
}
}
.comp_body .text_area h5 {
@@ -2172,6 +2182,9 @@
.swiper-pagination {
top:46.4rem;
@include maxtablet{
top: 13.4rem;
}
.swiper-pagination-bullet {
opacity: 1;
width: 5.6rem;
@@ -2558,6 +2571,9 @@
overflow-x: auto;
padding: 0 2rem;
}
@include maxtablet{
top: 0;
}
.tooltip {display: none;}
.btn-dtthumb {
position: relative;
@@ -2588,6 +2604,12 @@
margin-right:.8rem;
border-radius: 50%;
}
@include maxtablet{
width: 7.4rem;
p {
display: none;
}
}
}
.btn-remove {
@@ -2615,6 +2637,11 @@
font-weight: 600;
color:#000;
cursor: pointer;
@include maxtablet{
top:2rem;
right:1.6rem;
}
&:before {
content:"";
display: block;