From aece0dcd1514e9d9b4154894c9cab5d875db0258 Mon Sep 17 00:00:00 2001 From: simeunseo Date: Wed, 20 Sep 2023 19:16:52 +0900 Subject: [PATCH] =?UTF-8?q?design:=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20?= =?UTF-8?q?=ED=81=AC=EA=B8=B0=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20=EC=97=AC?= =?UTF-8?q?=EB=B0=B1=20=EC=82=AD=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/onBoarding/OnBoarding.tsx | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/src/pages/onBoarding/OnBoarding.tsx b/src/pages/onBoarding/OnBoarding.tsx index c5dd82df..aafc912a 100644 --- a/src/pages/onBoarding/OnBoarding.tsx +++ b/src/pages/onBoarding/OnBoarding.tsx @@ -1,3 +1,7 @@ +import 'swiper/css'; +import 'swiper/css/navigation'; +import 'swiper/css/pagination'; + import CardPng from 'assets/images/card.png'; import InsertPng from 'assets/images/insert.png'; import MakePng from 'assets/images/make.png'; @@ -7,12 +11,9 @@ import Text from 'components/atomComponents/Text'; import Header from 'components/moleculesComponents/Header'; import { Link } from 'react-router-dom'; import styled from 'styled-components/macro'; -import { Navigation, Pagination, Autoplay } from 'swiper/modules'; +import { Autoplay, Navigation, Pagination } from 'swiper/modules'; import { Swiper, SwiperSlide } from 'swiper/react'; -import 'swiper/css'; -import 'swiper/css/navigation'; -import 'swiper/css/pagination'; import Explain from './components/Explain'; const slides = [ @@ -108,14 +109,12 @@ const StyledSwiperSlide = styled(SwiperSlide)` const SvgContainer = styled.section` img { - width: 25rem; - height: 25rem; + width: 33rem; + height: 33rem; } `; -const ExplainContainer = styled.section` - margin: 5rem 0; -`; +const ExplainContainer = styled.section``; const ButtonSection = styled.section` position: fixed;