fix(character-detail, gallery): 이미지 사이즈 수정
This commit is contained in:
@@ -140,26 +140,28 @@ struct CharacterDetailGalleryView: View {
|
|||||||
|
|
||||||
@ViewBuilder
|
@ViewBuilder
|
||||||
private func galleryImageView(item: CharacterImageListItemResponse, index: Int) -> some View {
|
private func galleryImageView(item: CharacterImageListItemResponse, index: Int) -> some View {
|
||||||
|
GeometryReader { geo in
|
||||||
|
let width = geo.size.width
|
||||||
|
let height = width * 5 / 4
|
||||||
|
|
||||||
ZStack {
|
ZStack {
|
||||||
// 이미지
|
// 이미지
|
||||||
AsyncImage(url: URL(string: item.imageUrl)) { image in
|
AsyncImage(url: URL(string: item.imageUrl)) { image in
|
||||||
image
|
image
|
||||||
.resizable()
|
.resizable()
|
||||||
.aspectRatio(contentMode: .fill)
|
.scaledToFill()
|
||||||
|
.frame(width: width, height: height)
|
||||||
|
.clipped()
|
||||||
} placeholder: {
|
} placeholder: {
|
||||||
Rectangle()
|
Rectangle()
|
||||||
.fill(Color.gray.opacity(0.3))
|
.fill(Color.gray.opacity(0.3))
|
||||||
}
|
}
|
||||||
.frame(width: 132, height: 165)
|
|
||||||
.clipped()
|
|
||||||
.cornerRadius(0)
|
|
||||||
|
|
||||||
// 미소유 이미지 오버레이
|
// 미소유 이미지 오버레이
|
||||||
if !item.isOwned {
|
if !item.isOwned {
|
||||||
// 어두운 오버레이
|
// 어두운 오버레이
|
||||||
Rectangle()
|
Rectangle()
|
||||||
.fill(Color.black.opacity(0.2))
|
.fill(Color.black.opacity(0.2))
|
||||||
.frame(width: 132, height: 165)
|
|
||||||
|
|
||||||
// 자물쇠 아이콘과 코인 정보
|
// 자물쇠 아이콘과 코인 정보
|
||||||
VStack(spacing: 8) {
|
VStack(spacing: 8) {
|
||||||
@@ -192,10 +194,15 @@ struct CharacterDetailGalleryView: View {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.frame(width: width, height: height)
|
||||||
|
.clipped()
|
||||||
|
.contentShape(Rectangle())
|
||||||
.onTapGesture {
|
.onTapGesture {
|
||||||
viewModel.onImageTapped(item, index: index)
|
viewModel.onImageTapped(item, index: index)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.aspectRatio(4/5, contentMode: .fit)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#Preview {
|
#Preview {
|
||||||
|
|||||||
Reference in New Issue
Block a user