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

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;