Fixes series navigation bug

Author: velopert

velog-backend/src/router/posts/posts.ctrl.js

@@ -358,9 +358,9 @@ export const readPost = async (ctx: Context): Promise<*> => {
           {
             model: Post,
             attributes: ['id', 'url_slug', 'title'],
-            order: [['index', 'ASC']],
           },
         ],
+        order: [['index', 'ASC']],
       });
       seriesLength = seriesPosts.length;
       list = seriesPosts.map(sp => ({

velog-frontend/src/components/post/PostSeriesInfo/PostSeriesInfo.js

@@ -90,8 +90,14 @@ class PostSeriesInfo extends Component<Props, State> {
             목록보기
           </div>
           <div className="controls">
-            <Square mode="left" to={index === 0 ? null : `/@${username}`} />
-            <Square mode="right" to={index === length ? null : `/@${username}/}`} />
+            <Square
+              mode="left"
+              to={index === 1 ? null : `/@${username}/${list[index - 2].url_slug}`}
+            />
+            <Square
+              mode="right"
+              to={index === length ? null : `/@${username}/${list[index].url_slug}`}
+            />
           </div>
         </div>
       </div>

velog-frontend/src/components/post/PostSeriesInfo/PostSeriesInfo.scss

@@ -99,8 +99,8 @@
         justify-content: center;
         font-size: 1.125rem;
         &.disabled {
-          background: $oc-gray-0;
-          color: $oc-gray-3;
+          background: $oc-gray-3;
+          color: $oc-gray-5;
         }
         &:not(.disabled) {
           &:hover {