优化手机端视图

Author: Jursin

docs/.vuepress/theme/styles/custom.css

@@ -82,6 +82,13 @@
   padding: 48px 150px !important;
 }
 
+@media screen and (max-width: 768px) {
+  .vp-page {
+    padding: 24px 16px !important;
+    min-width: 300px;
+  }
+}
+
 /* faq */
 .posts-container.no-profile {
   max-width: 1400px !important;
@@ -104,6 +111,12 @@
   grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
 }
 
+@media screen and (max-width: 768px) {
+  .friends-list {
+    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
+  }
+}
+
 .avatar {
   width: auto;
   height: auto;

docs/about.md

@@ -3,6 +3,8 @@ pageLayout: page
 title: 关于
 ---
 
+## 关于
+
 本教程为 Minecraft 入门教程，目的是帮助新玩家快速上手，熟悉 Minecraft 的基本操作。
 
 玩家应具备一定基础电脑操作能力，如清楚 Windows 系统的文件管理，知道如何压缩/解压缩压缩包，能熟练访问浏览器和下载文件，会安装软件、打开运行程序等。