chore: Swiper 0.9.4 버전 적용

woowacourse-teams · Jul 12, 2024 · e68af3e · e68af3e
1 parent a86b235
commit e68af3e
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 9 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -20,7 +20,7 @@
     "@tanstack/react-query-devtools": "^5.17.9",
     "axios": "^1.5.1",
     "history": "^5.3.0",
-    "map-befine-swiper": "^0.9.1",
+    "map-befine-swiper": "^0.9.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-ga4": "^2.1.0",

diff --git a/frontend/src/components/Banner/index.tsx b/frontend/src/components/Banner/index.tsx
@@ -22,7 +22,7 @@ export default function Banner() {
   };
 
   return (
-    <Swiper as="section" width={1140} height={400} $tabBoxPosition="bottom" autoplay>
+    <Swiper tag="section" width={1140} height="auto" $tabBoxPosition="bottom" autoplay>
       <Tab label="붕어빵 지도">
         <Box cursor="pointer" onClick={goToBoongABbangTopic}>
           <BannerImage

diff --git a/frontend/src/components/PinImageContainer/index.tsx b/frontend/src/components/PinImageContainer/index.tsx
@@ -82,7 +82,7 @@ function PinImageContainer({ images, getPinData }: PinImageContainerProps) {
 
   return (
     <Wrapper>
-      <Swiper as="ul" width={330} height={100} $slidePerTab={3}>
+      <Swiper tag="ul" width={330} height={100} $slidePerTab={3}>
         {images.map((image, index) => (
           <Tab label={`${index}`} key={image.id}>
             <ImageWrapper key={`image-${index}`}>

diff --git a/frontend/src/components/TopicCardContainer/index.tsx b/frontend/src/components/TopicCardContainer/index.tsx
@@ -57,9 +57,9 @@ function TopicCardContainer({
       <Space size={4} />
 
       <Swiper
-        as="ul"
+        tag="ul"
         width={1140}
-        height={300}
+        height="auto"
         $slidePerTab={5}
         $breakPoints={{
           1100: 4,