new: add menu button on mobile

2 files changed, 20 insertions, 5 deletions

diff --git a/assets/scss/_fuji-style/_components.scss b/assets/scss/_fuji-style/_components.scss
index 8545349..2b90bfe 100644
--- a/assets/scss/_fuji-style/_components.scss
+++ b/assets/scss/_fuji-style/_components.scss
@@ -3,7 +3,6 @@
   right: 1.5rem;
   bottom: 1.5rem;
   width: 2.5rem;
-  height: 5rem;
   display: flex;
   justify-content: space-between;
   flex-direction: column;
@@ -17,19 +16,29 @@
     align-items: center;
     justify-content: center;
     cursor: pointer;
+    font-size: 1.25rem;
 
     &:first-child {
       border-radius: 0.25rem 0.25rem 0 0;
-      font-size: 1.25rem;
+      font-size: 1.125rem;
     }
 
     &:last-child {
       border-radius: 0 0 0.25rem 0.25rem;
-      font-size: 1.3125rem;
+      font-size: 1.325rem;
     }
   }
 }
 
+@media screen and (min-width: $width-md) {
+  .btn div:first-child {
+    display: none;
+  }
+  .btn div:nth-child(2) {
+    border-radius: 0.25rem 0.25rem 0 0;
+  }
+}
+
 #post-aplayer {
   margin: 0 0.125rem 1.25rem 0.125rem;
   font-family: inherit;
diff --git a/assets/scss/_iconfont.scss b/assets/scss/_iconfont.scss
index a5a3ff4..bbd9337 100644
--- a/assets/scss/_iconfont.scss
+++ b/assets/scss/_iconfont.scss
@@ -1,7 +1,9 @@
 @font-face {
   font-family: 'iconfont';
-  src: url('../iconfont/iconfont.woff2') format('woff2'), url('../iconfont/iconfont.woff') format('woff'),
-    url('../iconfont/iconfont.ttf') format('truetype'), url('../iconfont/iconfont.svg') format('svg');
+  src: url('../iconfont/iconfont.woff2') format('woff2'),
+    url('../iconfont/iconfont.woff') format('woff'),
+    url('../iconfont/iconfont.ttf') format('truetype'),
+    url('../iconfont/iconfont.svg') format('svg');
 }
 
 .iconfont {
@@ -12,6 +14,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-grid-sharp:before {
+  content: '\e612';
+}
+
 .icon-search-circle-sharp:before {
   content: '\e60c';
 }