移动设备优化

Author: luckyxhu

src/pages/index.js

@@ -26,7 +26,8 @@ function HomepageHeader() {
                 to="/docs/intro">
                 快速上手
               </Link>
-              <Link className="button button--secondary button--lg margin-left--sm"
+              <div className='margin--sm' />
+              <Link className="button button--secondary button--lg"
                 href="http://reactgo.lucky-byte.net:23890" target='_blank'>
                 演示
                 <span style={{ fontSize: 'small', marginLeft: 10 }}>

src/pages/index.module.css

@@ -56,6 +56,13 @@
   align-items: center;
 }
 
+@media screen and (max-width: 400px) {
+  .buttons {
+    flex-direction: column;
+    align-items: stretch;
+  }
+}
+
 p.secondary {
   color: #ff0;
   font-size: 0.9rem;