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

fix: 포토리뷰 썸네일 object-fit: contain 수정

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2026-01-22 22:07:12 +09:00
parent 6cfe612575
commit b50fd6fc4c
9 changed files with 74 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
kr/assets/css/common.css
View File

@@ -5780,6 +5780,9 @@ body.scroll-up .infoSticky {
gap: 1rem;
}
.photoReviewDetailPopup .photoReviewDetailRight .photoThumbnails .photoThumbItem {
display: flex;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
border-radius: 0.8rem;
@@ -5792,7 +5795,9 @@ body.scroll-up .infoSticky {
}
}
.photoReviewDetailPopup .photoReviewDetailRight .photoThumbnails .photoThumbItem img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
/*# sourceMappingURL=common.css.map */

6
kr/assets/css/common.css.map
View File

File diff suppressed because one or more lines are too long

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

@@ -6419,6 +6419,9 @@ video::-webkit-media-controls {
gap: 1rem;
.photoThumbItem {
display: flex;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
border-radius: 0.8rem;
@@ -6430,8 +6433,9 @@ video::-webkit-media-controls {
}
img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
}
}

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

@@ -2878,16 +2878,21 @@ pre {
}
}
.productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div > p {
display: flex;
justify-content: center;
align-items: center;
min-width: 7.5rem;
height: 7.5rem;
overflow: hidden;
border-radius: 0.6rem;
transition: all 0.2s ease;
flex: 7.5rem;
}
@media (min-width: 768px) {
.productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div > p {
min-width: 12rem;
height: 12rem;
flex: 12rem;
}
}
@media (min-width: 1025px) {
@@ -2895,14 +2900,11 @@ pre {
min-width: 18rem;
height: 18rem;
border-radius: 0;
flex: 18rem;
}
}
.productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div > p img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 1/1;
max-width: 100%;
}
.productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div dl {
margin-left: 1.5rem;
@@ -4630,6 +4632,9 @@ pre {
gap: 1rem;
}
.reviewListWrap .componentsReview .photoArea .photoItem {
display: flex;
justify-content: center;
align-items: center;
width: 6rem;
aspect-ratio: 1/1;
border-radius: 0.8rem;
@@ -4642,19 +4647,24 @@ pre {
}
}
.reviewListWrap .componentsReview .photoArea .photoItem img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.reviewListWrap .componentsReview .contentMoreBtn {
display: none;
align-items: center;
margin-top: 1rem;
font-size: 1.6rem;
font-size: 1.4rem;
color: #9ea1a2;
cursor: pointer;
}
@media (min-width: 768px) {
.reviewListWrap .componentsReview .contentMoreBtn {
font-size: 1.6rem;
}
}
.reviewListWrap .componentsReview .contentMoreBtn::after {
content: "";
display: block;

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

File diff suppressed because one or more lines are too long

28
kr/assets/css/mypage.scss
View File

@@ -3061,28 +3061,34 @@ pre {
}
> p {
display: flex;
justify-content: center;
align-items: center;
min-width: 7.5rem;
height: 7.5rem;
overflow: hidden;
border-radius: 0.6rem;
transition: all 0.2s ease;
flex:7.5rem;
@include tablet {
min-width: 12rem;
height: 12rem;
flex:12rem;
}
@include desktopMin {
min-width: 18rem;
height: 18rem;
border-radius: 0;
flex:18rem;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1 / 1;
max-width: 100%;
// height: 100%;
// object-fit: contain;
// aspect-ratio: 1 / 1;
}
}
@@ -5107,6 +5113,9 @@ pre {
margin-top: 1rem;
gap: 1rem;
.photoItem {
display: flex;
justify-content: center;
align-items: center;
width: 6rem;
aspect-ratio: 1 / 1;
border-radius: 0.8rem;
@@ -5116,9 +5125,9 @@ pre {
width: 12rem;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
}
}
@@ -5127,9 +5136,12 @@ pre {
display: none;
align-items: center;
margin-top: 1rem;
font-size: 1.6rem;
font-size: 1.4rem;
color: #9ea1a2;
cursor: pointer;
@include tablet {
font-size: 1.6rem;
}
&::after {
content: "";
display: block;

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

@@ -1666,12 +1666,10 @@
cursor: pointer;
}
.reviewArea .reviewInner .reviewList .item .textArea .photoArea .photoItem img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.reviewArea .reviewInner .reviewList .item .textArea .contentMoreBtn {
display: none;
@@ -5635,8 +5633,10 @@ body.scroll-up .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu {
cursor: pointer;
}
.photoReviewList ul li img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.photoReviewList ul li .count {
display: flex;

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

File diff suppressed because one or more lines are too long

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

@@ -1793,10 +1793,9 @@
}
img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
}
}
@@ -6387,8 +6386,9 @@
}
img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.count {