fix :: 배너 보여질 때 크기 맞추기 수정

Team-return · Aug 9, 2024 · 903786b · 903786b
1 parent 309eac2
commit 903786b
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/Components/Banner/BannerDetail.tsx/style.ts b/src/Components/Banner/BannerDetail.tsx/style.ts
@@ -36,10 +36,13 @@ export const Wrapper = styled.div`
 	display: flex;
 	justify-content: space-between;
 `;
-
-export const BannerImg = styled.img`
+export const BannerImg = styled.div<{ src: string }>`
 	width: 1000px;
 	height: 300px;
+	background-image: url(${(props) => props.src});
+	background-position: center center;
+	background-repeat: no-repeat;
+	background-size: cover;
 `;
 
 export const TextWrapper = styled.div`