diff --git a/src/components/feed/detail/DetailFeedCard.tsx b/src/components/feed/detail/DetailFeedCard.tsx index 8126d6fd9..968fe259c 100644 --- a/src/components/feed/detail/DetailFeedCard.tsx +++ b/src/components/feed/detail/DetailFeedCard.tsx @@ -251,7 +251,7 @@ const Content = ({ isQuestion = false, title, content, hits, commentLength, imag <ImageScrollContainer> {images.map((image, index) => ( <ImageBox key={index} onClick={() => setOpenSlider(true)}> - <ImageItem src={image} alt='image' height={240} /> + <ImageItem src={image} alt='image' height={320} /> </ImageBox> ))} </ImageScrollContainer> @@ -306,7 +306,8 @@ const QuestionBadge = styled.div` const ImageBox = styled.div` flex: 0; border: 1px solid rgb(255 255 255 / 10%); - height: 240px; + border-radius: 12px; + height: 320px; `; const ImageItem = styled(ResizedImage)` diff --git a/src/components/feed/list/FeedCard.tsx b/src/components/feed/list/FeedCard.tsx index 365b0bce9..8d33d226e 100644 --- a/src/components/feed/list/FeedCard.tsx +++ b/src/components/feed/list/FeedCard.tsx @@ -243,7 +243,7 @@ const Image = ({ children }: PropsWithChildren<unknown>) => { const ImageItem = styled(ResizedImage)` border-radius: 12px; - height: 160px; + height: 240px; object-fit: cover; border: 1px solid rgba(255, 255, 255, 0.1); `;