responsive

server.js

@@ -39,6 +39,10 @@ app.use('/dist', express.static(resolve('./dist')))
 app.use(favicon(resolve('./src/assets/logo.png')))
 
 app.get('*', (req, res) => {
+  if (!renderer) {
+    return res.end('waiting for compilation...')
+  }
+
   var s = Date.now()
   const context = { url: req.url }
   const renderStream = renderer.renderToStream(context)

src/App.vue

@@ -60,6 +60,8 @@ a
     &.router-link-active
       color #fff
       font-weight 400
+    &:nth-child(6)
+      margin-right 0
   .github
     color #fff
     font-size .9em
@@ -82,4 +84,19 @@ a
 
 .fade-enter, .fade-leave-active
   opacity 0
+
+@media (max-width 860px)
+  .header .inner
+    padding 15px 30px
+
+@media (max-width 600px)
+  body
+    font-size 14px
+  .header
+    .inner
+      padding 15px
+    a
+      margin-right 1em
+    .github
+      display none
 </style>

src/components/ItemList.vue

@@ -154,4 +154,8 @@ export default {
   position absolute
   opacity 0
   transform translate(30px, 0)
+
+@media (max-width 600px)
+  .news-list
+    margin 10px 0
 </style>