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
2025-12-28 21:48:37 +09:00
parent f4f47bcc5f
commit 523e780e69
23 changed files with 1817 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

200
kr/assets/css/common.scss
View File

@@ -1507,7 +1507,7 @@ video::-webkit-media-controls {
margin-right: 1.5rem;
}
@media (max-width: 1120px) {
@media (max-width: 1150px) {
display: none;
}
@@ -1788,7 +1788,7 @@ video::-webkit-media-controls {
display: block;
margin-right: 2rem;
@media (max-width: 1120px) {
@media (max-width: 1150px) {
display: none;
}
@@ -1908,7 +1908,7 @@ video::-webkit-media-controls {
.moblieMenu {
display: none;
@media (max-width: 1120px) {
@media (max-width: 1150px) {
display: flex;
justify-content: center;
align-items: center;
@@ -5338,7 +5338,7 @@ video::-webkit-media-controls {
max-width: 90rem;
min-height: 22rem;
transform: translate(-50%, -50%);
padding: 5rem 2rem;
padding: 5rem 3rem;
border-radius: 0.6rem;
}
@@ -5347,7 +5347,9 @@ video::-webkit-media-controls {
}
.title {
position: relative;
margin-bottom: 2rem;
strong {
display: flex;
justify-content: center;
@@ -5364,6 +5366,20 @@ video::-webkit-media-controls {
}
}
.btn-close {
display: block;
position: absolute;
top: 0.4rem;
right: 0;
width: 3rem;
height: 3rem;
background: url(../images/common/icon-menu-close.svg) no-repeat center / 1.8rem auto;
text-indent: -9999em;
@include tablet {
display: none;
}
}
.inquiryType {
display: flex;
justify-content: center;
@@ -5480,6 +5496,14 @@ video::-webkit-media-controls {
}
}
}
&.optionSelected {
.optionDetailInner {
display: flex !important;
}
.before {
display: none !important;
}
}
}
dl {
@@ -5503,7 +5527,7 @@ video::-webkit-media-controls {
dd {
width: 100%;
display: flex;
margin-top: 1rem;
margin-top: 0.3rem;
@include tablet {
margin-top: 0;
@@ -5608,16 +5632,40 @@ video::-webkit-media-controls {
textarea {
width: auto;
height: 30rem;
border: 1px solid #dedede;
outline: 0 none;
border-radius: 0;
padding: 1.5rem 1.7rem;
padding: 1.5rem 2rem;
font-size: 1.4rem;
line-height: 2.2rem;
line-height: 1.2;
@include desktopMin {
@include tablet {
height: 24rem;
font-size: 1.6rem;
line-height: 2.4rem;
line-height: 1.2;
}
&::placeholder {
color: #9ea1a2;
}
}
.selectInner {
.cont-select {
.btn-select {
&::before {
content: attr(data-placeholder-mobile);
color: #9ea1a2;
@include tablet {
content: attr(data-placeholder);
}
}
&.selected {
&::before {
display: none;
}
}
}
}
}
}
@@ -5768,22 +5816,22 @@ video::-webkit-media-controls {
em {
font-size: 1.4rem;
color: #9ea1a2;
font-weight: 400;
margin-top: 0.5rem;
@include tablet {
font-size: 1.6rem;
}
}
dt {
margin-top: 0rem;
@include tablet {
margin-top: 2rem;
}
margin-top: 0;
}
}
dl + dl {
margin-top: 2rem;
margin-top: 2.5rem;
@include tablet {
margin-top: 2rem;
}
}
.csComplete {
@@ -5898,14 +5946,32 @@ video::-webkit-media-controls {
@include tablet {
display: flex !important;
}
.before {
@include tablet {
display: flex;
align-items: center;
justify-content: center !important;
width: 100%;
height: 18rem;
font-size: 1.6rem;
font-weight: 400;
color: #9ea1a2;
background: #f0f0f0;
border-radius: 0.6rem;
border: 1px solid #dedede;
padding: 1.6rem 3rem;
}
}
.optionDetailInner {
overflow: hidden;
display: flex;
display: none !important;
align-items: center;
justify-content: flex-start;
height: 18rem;
border-radius: 0.6rem;
border: 1px solid #dedede;
.optionThumb {
width: 18rem;
height: 18rem;
@@ -6010,7 +6076,31 @@ video::-webkit-media-controls {
&.photoReviewAllPopup {
.popInner {
padding: 5rem 2rem;
padding: 2rem 2rem;
@include tablet {
padding: 5rem 3rem;
}
.title {
display: flex;
align-items: center;
justify-content: center;
min-height: 3.4rem;
line-height: 1;
button {
position: absolute;
top: 0.2rem;
right: 0;
@include tablet {
top: 1.5rem;
}
}
}
.carswBtn {
display: none;
@include tablet {
display: block;
}
}
}
}
}
@@ -6020,16 +6110,41 @@ video::-webkit-media-controls {
max-width: 124rem;
padding: 2rem;
@include tablet {
padding: 5rem 2rem;
padding: 5rem 3rem;
}
.btn-close {
display: block;
position: absolute;
top: 0.4rem;
right: 0;
width: 3rem;
height: 3rem;
background: url(../images/common/icon-menu-close.svg) no-repeat center / 1.8rem auto;
text-indent: -9999em;
@include tablet {
display: none;
}
}
}
.title {
position: relative;
line-height: 2;
button {
position: absolute;
top: 0;
right: 0;
.content {
& > {
.title {
display: flex;
align-items: center;
justify-content: center;
position: relative;
min-height: 3.4rem;
line-height: 1;
button {
position: absolute;
top: 0.2rem;
right: 0;
@include tablet {
top: 1.5rem;
}
}
}
}
}
.btn-photoList {
@@ -6048,25 +6163,12 @@ video::-webkit-media-controls {
height: auto;
padding-right: 1.8rem;
font-size: 1.4rem;
line-height: 1.2;
color: #05141f;
font-weight: 600;
background: url(../images/common/icon-bgo.svg) no-repeat right center / auto 1.4rem;
background: url(../images/common/icon-bgo.svg) no-repeat right center / auto 1.2rem;
white-space: nowrap;
text-indent: 0;
}
}
.btn-close {
display: block;
position: absolute;
top: 0;
right: 0;
width: 3rem;
height: 3rem;
background: url(../images/common/icon-menu-close.svg) no-repeat center / 1.8rem auto;
text-indent: -9999em;
@include tablet {
display: none;
line-height: 1;
}
}
.photoReviewDetailWrap {
@@ -6141,6 +6243,9 @@ video::-webkit-media-controls {
justify-content: space-between;
align-items: center;
padding-bottom: 2rem;
@include tablet {
padding-bottom: 1rem;
}
.reviewBtnArea {
margin-top: 0;
}
@@ -6162,13 +6267,18 @@ video::-webkit-media-controls {
height: 100%;
}
.title {
margin-bottom: 1rem;
display: flex;
margin-bottom: 1.5rem;
@include tablet {
display: flex;
margin-bottom: 1rem;
}
.name {
font-size: 1.4rem;
color: #000;
font-weight: 600;
@include tablet {
font-size: 1.6rem;
}
}
.date {
margin-left: 1rem;
@@ -6182,8 +6292,9 @@ video::-webkit-media-controls {
font-size: 1.4rem;
color: #a6a6a6;
+ span {
margin-top: 0.5rem;
@include tablet {
margin-top: 0.2rem;
margin-top: 0.6rem;
}
}
}
@@ -6198,8 +6309,8 @@ video::-webkit-media-controls {
flex: 1;
overflow: hidden;
overflow-y: auto;
margin-top: 1.6rem;
font-size: 1.6rem;
line-height: 2.4rem;
}
}
}
@@ -6211,6 +6322,7 @@ video::-webkit-media-controls {
display: block;
width: 6.8rem;
height: 2.4rem;
margin-top: 0.3rem;
background: url("../images/kia/contents/review_best.png") no-repeat center center / contain;
@include tablet {
margin-top: 0.6rem;