fix: 포토리뷰 썸네일 object-fit: contain 수정
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user