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

전용관, PDP 영상 수정 완료

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2025-11-12 23:22:34 +09:00
parent 97ec363780
commit 6ece736da9
30 changed files with 358 additions and 303 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
kr/assets/css/pdp_detail.css
View File

@@ -4269,6 +4269,10 @@
}
.displayThemeDesney.discover-epic-design.mickey .tab-box {
padding-top: 0;
display: none;
}
.displayThemeDesney.discover-epic-design.mickey .tab-box.box2 {
display: block;
}
.displayThemeDesney.discover-epic-design.mickey .tab-box .discover-area {
position: relative;
@@ -4508,6 +4512,9 @@
display: none;
padding-top: 2.2rem;
}
.displayThemeDesney.discover-epic-design .tab-wrap .tab-box.box1 {
display: block;
}
@media (min-width: 768px) {
.displayThemeDesney.discover-epic-design .tab-wrap .tab-box {
margin-bottom: 2.4rem;
@@ -4789,6 +4796,29 @@
.displayThemeDesney .welcome-goodbye .image_area video {
width: 100%;
}
.displayThemeDesney .welcome-goodbye .video-area {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 120rem;
aspect-ratio: 1200/236;
padding: 1.8333333333vw;
background: url("../images/kia/promotion/video_frame.png") no-repeat center center/contain;
}
@media (min-width: 1000px) {
.displayThemeDesney .welcome-goodbye .video-area {
padding: 2.2rem;
}
}
.displayThemeDesney .welcome-goodbye .video-area + .video-area {
margin-top: 1.2rem;
}
@media (min-width: 768px) {
.displayThemeDesney .welcome-goodbye .video-area + .video-area {
margin-top: 1.6rem;
}
}
.displayThemeDesney .inner {
max-width: 120rem;
margin: 0 auto;

2
kr/assets/css/pdp_detail.css.map
View File

File diff suppressed because one or more lines are too long

29
kr/assets/css/pdp_detail.scss
View File

@@ -4863,6 +4863,11 @@
.tab-box {
padding-top: 0;
display: none;
&.box2 {
display: block;
}
.discover-area {
position: relative;
padding: 4rem 0 0;
@@ -5127,6 +5132,9 @@
.tab-box {
display: none;
padding-top: 2.2rem;
&.box1 {
display: block;
}
@include tablet {
margin-bottom: 2.4rem;
@@ -5457,6 +5465,27 @@
width: 100%;
}
}
.video-area {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 120rem;
// height: 19.667rem;
aspect-ratio: 1200 / 236;
padding: 1.8333333333333333vw;
background: url("../images/kia/promotion/video_frame.png") no-repeat center center / contain;
@media (min-width: 1000px) {
padding: 2.2rem;
}
& + .video-area {
margin-top: 1.2rem;
@include tablet {
margin-top: 1.6rem;
}
}
}
}
.inner {

26
kr/assets/css/promotion.css
View File

@@ -318,15 +318,33 @@ html {
max-width: 1000px;
}
}
#promotion .parallax-section .content-item .theme-showcase video {
#promotion .parallax-section .content-item .theme-showcase .video-area {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 100%;
max-width: 100rem;
aspect-ratio: 1000/196.67;
padding: 1.8vw;
background: url("../images/kia/promotion/video_frame.png") no-repeat center center/contain;
}
@media (min-width: 1000px) {
#promotion .parallax-section .content-item .theme-showcase .video-area {
padding: 1.8rem;
}
}
#promotion .parallax-section .content-item .theme-showcase .video-area + .video-area {
margin-top: 1.2rem;
}
@media (min-width: 768px) {
#promotion .parallax-section .content-item .theme-showcase video {
max-width: 1000px;
#promotion .parallax-section .content-item .theme-showcase .video-area + .video-area {
margin-top: 1.6rem;
}
}
#promotion .parallax-section .content-item .theme-showcase video {
width: 100%;
max-width: 100rem;
}
#promotion .parallax-section.text-black .section-content .theme-header h2 {
color: #05141f;
}

2
kr/assets/css/promotion.css.map
View File

File diff suppressed because one or more lines are too long

26
kr/assets/css/promotion.scss
View File

@@ -300,12 +300,30 @@ html {
}
}
.video-area {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 100rem;
// height: 19.667rem;
aspect-ratio: 1000 / 196.67;
padding: 1.7999999999999998vw;
background: url("../images/kia/promotion/video_frame.png") no-repeat center center / contain;
@media (min-width: 1000px) {
padding: 1.8rem;
}
& + .video-area {
margin-top: 1.2rem;
@include tablet {
margin-top: 1.6rem;
}
}
}
video {
width: 100%;
max-width: 100%;
@include tablet {
max-width: 1000px;
}
max-width: 100rem;
}
}
}