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 ## Customization
This theme requires a menu option. Set the `menu` field in `extra`. This theme requires a menu option. Set the `menu` field in `extra`.
```toml ```toml,linenos
menu = [ menu = [
{ name = "blog", url = "$BASE_URL" }, { name = "blog", url = "$BASE_URL" },
{ name = "tags", url = "$BASE_URL/tags" }, { name = "tags", url = "$BASE_URL/tags" },

View File

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