fix : contentImageSlider 수정

BeA-Pro · Jun 7, 2024 · 314b076 · 314b076
1 parent a97297e
commit 314b076
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/src/asset/scss/components/contentImageSlider.scss b/src/asset/scss/components/contentImageSlider.scss
@@ -15,12 +15,12 @@
 .contentImageSlider-images {
   display: flex;
   transition: transform 0.5s ease-in-out;
+  width: 100%; /* 추가 */
 }
 
 .contentImageSlider-image {
   width: 100%;
   height: 500px;
-  overflow: hidden;
   object-fit: contain;
   flex-shrink: 0;
 }
@@ -34,6 +34,7 @@
   opacity: 0.3;
   z-index: 3;
   cursor: pointer;
+  transform: translateY(-50%); /* 추가 */
 }
 
 .contentImageSlider-forward {
@@ -49,18 +50,16 @@
   opacity: 1;
 }
 
-@include mobile{
+@include mobile {
   .contentImageSlider-wrapper2 {
     width: 100%;
   }
   .contentImageSlider-image {
     height: 300px;
   }
   .contentImageSlider-forward,
-.contentImageSlider-back {
-  width: 24px;
-  height: 24px;
-
+  .contentImageSlider-back {
+    width: 24px;
+    height: 24px;
+  }
 }
-
-}
diff --git a/src/components/ContentImageSlider.js b/src/components/ContentImageSlider.js
@@ -46,4 +46,4 @@ export default function ContentImageSlider({ images }) {
       </div>
     </div>
   );
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -46,4 +46,4 @@ export default function ContentImageSlider({ images }) { @@
           </div>
         </div>
       );
-    }
+    }