[#46] Fix: Letter Modal 반응형 position 수정

playthesong · Apr 11, 2021 · 2c2ccb8 · 2c2ccb8
1 parent 91e0def
commit 2c2ccb8
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 7 deletions.
diff --git a/src/App.js b/src/App.js
@@ -12,7 +12,7 @@ import ReactHelmet from "./common/ReactHelmet";
 import OAuth from "./pages/OAuth";
 import Ranking from "./pages/Ranking";
 import Contents from "./pages/Contents";
-import MusicSheets from "./pages/MusicSheets";
+import IndiePicks from "./pages/IndiePicks";
 import { ThemeProvider } from "styled-components";
 import theme from "./styles/theme";
 import MyPage from "./pages/MyPage";
@@ -33,7 +33,7 @@ function App() {
           <Route path="/letters" exact component={Letters} />
           <Route path="/ranking" component={Ranking} />
           <Route path="/contents" exact component={Contents} />
-          <Route path="/musicsheets" component={MusicSheets} />
+          <Route path="/indie" component={IndiePicks} />
           <Route path="/mypage" component={MyPage} />
           <Route path="/auth/token" exact component={OAuth} />
           <Route path="/error" component={ErrorPage} />

diff --git a/src/components/Header/Navigation.jsx b/src/components/Header/Navigation.jsx
@@ -8,7 +8,7 @@ const Navigation = () => {
       <NavigationItem to="/letters">신청곡</NavigationItem>
       <NavigationItem to="/ranking">신청곡 순위</NavigationItem>
       <NavigationItem to="/contents">금주의 추천곡</NavigationItem>
-      <NavigationItem to="/musicsheets">인디 Picks</NavigationItem>
+      <NavigationItem to="/indie">인디 Picks</NavigationItem>
     </NavigationBlock>
   );
 };

diff --git a/src/components/Template/LetterModal/LetterModalTemplate.jsx b/src/components/Template/LetterModal/LetterModalTemplate.jsx
@@ -35,7 +35,7 @@ const LetterModalTemplateBlock = styled.div`
   @media ${({ theme }) => theme.device.mobile} {
     width: 100%;
     padding: 3.5rem 3rem;
-    top: 32%;
+    top: 45%;
   }
 `;
 

diff --git a/src/pages/Contents.jsx b/src/pages/Contents.jsx
@@ -6,7 +6,7 @@ import ReactHelmet from "../common/ReactHelmet";
 const Contents = () => {
   return (
     <>
-      <ReactHelmet title={"유튜브 연주 영상"} />
+      <ReactHelmet title={"금주의 추천곡"} />
       <MainTemplate>
         <EmptyResult
           message={"아직 준비 중입니다 :) 조금만 기다려주세요!"}

diff --git a/src/pages/MusicSheets.jsx → src/pages/IndiePicks.jsx b/src/pages/MusicSheets.jsx → src/pages/IndiePicks.jsx
@@ -6,9 +6,12 @@ import MainTemplate from "../components/Template/Main/MainTemplate";
 const MusicSheets = () => {
   return (
     <>
-      <ReactHelmet title={"Products"} />
+      <ReactHelmet title={"인디 Picks"} />
       <MainTemplate>
-        <EmptyResult message={"아직 준비 중입니다 :)"} opacity={0.3} />
+        <EmptyResult
+          message={"아직 준비 중입니다 :) 조금만 기다려주세요!"}
+          opacity={0.3}
+        />
       </MainTemplate>
     </>
   );