Mobile CSS fixes

2023-10-10 14:17:31 -04:00
parent 16394733c5
commit a5c6722dbb
2 changed files with 7 additions and 0 deletions
--- a/themes/v2/assets/css/style.scss
+++ b/themes/v2/assets/css/style.scss
@@ -7,6 +7,12 @@ body {
  color: #333;
 }

+@media only screen and (max-width: 600px) {
+  body {
+    padding: 10px;
+  }
+}
+
 h1, h2, h3 {
  font-size: 1em;
  margin: 1em 0;
--- a/themes/v2/layouts/partials/head.html
+++ b/themes/v2/layouts/partials/head.html
@@ -3,4 +3,5 @@
  <title>{{ .Site.Title }}</title>
  {{ $css := resources.Get "css/style.scss" | toCSS | minify | fingerprint }}
  <link rel="stylesheet" href="{{ $css.RelPermalink }}">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 </head>