mobile fixes: better scaling

This commit is contained in:
EvilMuffinHa 2022-05-08 15:43:25 -04:00
parent ed67b83d39
commit d4c4541414
2 changed files with 20 additions and 8 deletions

View File

@ -41,7 +41,7 @@ taxonomies = [
## Customization
This theme requires a menu option. Set the `menu` field in `extra`.
```toml
```toml,linenos
menu = [
{ name = "blog", url = "$BASE_URL" },
{ name = "tags", url = "$BASE_URL/tags" },

View File

@ -7,6 +7,7 @@
<head>
<title>{%- block title %}{{ config.title }}{% endblock title -%}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path="rss.xml") | safe }}">
@ -54,10 +55,7 @@
align-items: center;
align-content: center;
flex-direction: column;
text-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
max-height: 1000000000px;
}
.main {
@ -66,6 +64,10 @@
align-items: center;
flex-direction: column;
justify-content: center;
text-size-adjust: auto !important;
-webkit-text-size-adjust: auto !important;
-moz-text-size-adjust: auto !important;
-ms-text-size-adjust: auto!important;
}
@media only screen and (max-width: 992px) {
@ -95,6 +97,17 @@
{% endif -%}
}
@media only screen and (max-width: 768px) {
.header {
padding-right: 1rem;
margin-top: 3rem;
}
.header_title {
margin: auto;
}
}
.menu_inner {
list-style: none;
margin: 0;
@ -105,7 +118,6 @@
padding-left: 0.3rem;
display: flex;
flex-wrap: wrap;
text-size-adjust: none;
}
.menu_list {
@ -187,8 +199,6 @@
.post_contents pre {
padding: 12px;
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word;
}
.post_contents pre[data-linenos] {
@ -197,6 +207,8 @@
.post_contents pre table td {
padding: 0;
padding-right: 3px;
padding-left: 3px;
}
.post_contents pre table td:nth-of-type(1) {