Fix page layout on small viewports

thijzert · Feb 14, 2021 · dbbff31 · dbbff31
1 parent bebcbd2
commit dbbff31
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/pkg/web/assets/src/scss/mixins/_config.scss b/pkg/web/assets/src/scss/mixins/_config.scss
@@ -5,7 +5,7 @@
 
 $width-canvas-desktop: 80rem;
 $width-canvas-smalldesktop: 64rem;
-$width-canvas-tablet: 50rem;
+$width-canvas-tablet: 40rem;
 $width-gutter: 1.25rem;
 
 $width-epsilon: 0.01rem;

diff --git a/pkg/web/assets/templates/full/basePage.html b/pkg/web/assets/templates/full/basePage.html
@@ -3,6 +3,7 @@
 	<head>
 		<title>Speeldoos</title>
 		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
 
 		<link rel="stylesheet" href="{{.AssetLocation}}/dist/css/speeldoos.css" />
 		{{if .PageCSS}}<link rel="stylesheet" href="{{.AssetLocation}}/dist/css/pages/{{.PageCSS}}.css" />{{end}}