diff --git a/src/AppRouter.js b/src/AppRouter.js index 1f8dbef..478ee07 100644 --- a/src/AppRouter.js +++ b/src/AppRouter.js @@ -23,7 +23,7 @@ function AppRouter() { {/* 추후 로그인 여부 확인 로직 필요 */} } /> - } /> + } /> } /> } /> } /> diff --git a/src/pages/Save/SaveComplete/index.js b/src/pages/Save/SaveComplete/index.js index 88839fe..f793893 100644 --- a/src/pages/Save/SaveComplete/index.js +++ b/src/pages/Save/SaveComplete/index.js @@ -1,5 +1,6 @@ /* eslint-disable import/no-unresolved */ import React from 'react'; +import { useNavigate } from 'react-router-dom'; import { SaveBear, WhiteClose } from 'assets'; import { StyledRoot, @@ -12,10 +13,16 @@ import { } from './style'; function SaveComplete() { + const navigate = useNavigate(); return ( - diff --git a/src/pages/Save/SaveComplete/style.js b/src/pages/Save/SaveComplete/style.js index d89f170..1cb27cc 100644 --- a/src/pages/Save/SaveComplete/style.js +++ b/src/pages/Save/SaveComplete/style.js @@ -22,11 +22,10 @@ const ButtonBox = styled.div` `; const ExitButton = styled.img` - ${applyMediaQuery('desktop')} { - display: none; - } + display: none; ${applyMediaQuery('mobile')} { + display: block; width: 3rem; height: 3rem; } @@ -36,7 +35,7 @@ const MainText = styled.p` font-family: 'Cafe24Ssurround'; font-size: ${({ theme: { font } }) => font.size.large}; color: ${({ theme: { color } }) => color.white}; - /* margin-top: 7rem; */ + margin-bottom: 5rem; ${applyMediaQuery('mobile')} {