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

모바일 중간영역 vw확대 되게

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2025-07-28 23:38:54 +09:00
parent c1d6a59da5
commit 3ffa60043b
8 changed files with 69 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3891,12 +3891,10 @@
.displayThemeDesney .available-theme .list {
display: flex;
justify-content: center;
padding-top: 0.6rem;
padding-bottom: 5.6rem;
padding: 0.6rem 2rem 5.6rem;
}
@media (min-width: 501px) {
.displayThemeDesney .available-theme .list {
max-width: 64rem;
margin: 0 auto;
}
}
@@ -3913,20 +3911,20 @@
.displayThemeDesney .available-theme .list ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5.6rem 0.8rem;
justify-content: space-between;
width: 100%;
gap: 5.6rem 0;
}
@media (min-width: 1025px) {
@media (min-width: 768px) {
.displayThemeDesney .available-theme .list ul {
flex-wrap: wrap;
justify-content: center;
gap: 2.4rem;
}
}
.displayThemeDesney .available-theme .list ul li {
overflow: hidden;
width: 15.6rem;
min-height: 19.6rem;
width: calc(50% - 0.4rem);
aspect-ratio: 156/196;
background-color: #fff;
border-radius: 0.8rem;
box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.12);
@@ -3936,6 +3934,7 @@
.displayThemeDesney .available-theme .list ul li {
width: 28.2rem;
height: 36.9rem;
aspect-ratio: inherit;
}
}
.displayThemeDesney .available-theme .list ul li a {
@@ -3988,18 +3987,18 @@
}
.displayThemeDesney .available-theme .list ul li.more {
overflow: visible;
width: 32rem;
height: 19.4rem;
padding: 2.4rem 2rem;
width: 100%;
aspect-ratio: 320/194;
padding: 6.6666666667vw 5.5555555556vw;
margin: 0;
background: url(../images/kia/pdp/display_theme_disney/box_more_m.png) no-repeat center/auto 100%;
border-radius: 2rem 0.8rem 2rem 0.8rem;
border-radius: 7.2222222222vw 0.8rem 7.2222222222vw 0.8rem;
box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.1215686275);
}
@media (min-width: 768px) {
.displayThemeDesney .available-theme .list ul li.more {
width: 61rem;
height: 40.5rem;
height: 41.4rem;
padding: 6.6rem 5.8rem;
margin: -1.8rem 0 0 0;
border-radius: 0;