修复手机访问页面布局问题

This commit is contained in:
Meekdai 2023-08-12 21:33:02 +08:00
parent 009e29cc73
commit 00a12e36bc
3 changed files with 10 additions and 2 deletions

View File

@ -6,7 +6,7 @@ Gmeek is a Blog Generator based on `Github Pages` and `Github Issues` and `Githu
- [Demo](http://meekdai.github.io/)
- [Update Log](https://meekdai.github.io/post/Gmeek-geng-xin-ri-zhi.html)
![dark](dark.jpg)
![dark](img/dark.jpg)
### Installation
1. Create your own `XXX.github.io` repository. In the repository `Settings`, select `Github Actions` under `Pages->Build and deployment->Source`.

View File

@ -6,7 +6,7 @@
- [Demo页面](http://meekdai.github.io/)
- [更新日志](https://meekdai.github.io/post/Gmeek-geng-xin-ri-zhi.html)
![light](light.jpg)
![light](img/light.jpg)
### 安装

View File

@ -19,6 +19,14 @@ body{
font-family: sans-serif;
line-height: 1.25;
}
@media (max-width: 767px) {
.markdown-body { padding: 8px;}
.subnav-search form{display:none;}
.subnav-search svg{display:none;}
.SideNav-item .listLabels{display:none;}
#buttonRSS{display:none;}
}
.avatar {transition: 0.8s;}
.avatar:hover {transform: scale(1.15) rotate(360deg);}
#header{display:flex;padding-bottom:8px;border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted));margin-bottom: 16px;}