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

This commit is contained in:
2026-01-22 22:07:12 +09:00
parent 6cfe612575
commit b50fd6fc4c
9 changed files with 74 additions and 39 deletions

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;