fix: 메인이미지 슬라이드 수정

JpnShop · Nov 2, 2022 · 255ca61 · 255ca61
1 parent 42d5a48
commit 255ca61
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/components/Main/TopSwiper/Slide.jsx b/src/components/Main/TopSwiper/Slide.jsx
@@ -3,8 +3,8 @@ import React from 'react'
 const Slide = ({ item }) => {
   const { src, description, title } = item
   return (
-    <div className="w-full relative h-[100vw]">
-      <img className="w-full" src={src} alt="슬라이드" />
+    <>
+      <img className="w-full h-[100vw]" src={src} alt="슬라이드" />
       <div className="absolute bottom-10 mx-5">
         <h3 className="whitespace-pre-wrap text-3xl font-medium text-white drop-shadow-md mb-3 ">
           {title}
@@ -13,7 +13,7 @@ const Slide = ({ item }) => {
           {description}
         </p>
       </div>
-    </div>
+    </>
   )
 }
 

diff --git a/src/components/Main/TopSwiper/index.jsx b/src/components/Main/TopSwiper/index.jsx
@@ -85,7 +85,10 @@ const TopSwiper = () => {
         {postList.map((element, index) => {
           return (
             <SwiperSlide className="topslide" key={index}>
-              <div onClick={() => navigate('/event')}>
+              <div
+                onClick={() => navigate('/event')}
+                className="w-full relative h-[100vw]"
+              >
                 <Slide className="topslide" item={element} />
               </div>
             </SwiperSlide>