Merge pull request 'Fix height' (#19) from i18 into main

Reviewed-on: https://codeberg.org/macchiato/pages/pulls/19
3 years ago · c4c3c3db44
3 changed files with 9 additions and 5 deletions
--- a/components/layout.js
+++ b/components/layout.js
@ -11,8 +11,6 @@ export class Layout extends HTMLElement {
    const style = document.createElement('style')
    style.textContent = `
      :host {
-        width: 100%;
-        height: 100dvh;
        display: flex;
        flex-direction: column;
      }
--- a/index.html
+++ b/index.html
@ -2,14 +2,20 @@
 <html>
  <head>
    <title>macchiato.dev</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <style type="text/css">
      html, body {
-        margin: 0;
        padding: 0;
      }
      html {
        box-sizing: border-box;
+        height: 100vh;
+        height: 100svh;
+      }
+      body {
+        min-height: 100vh;
+        max-width: 800px;
+        margin: 0 auto;
      }
      *, *:before, *:after {
        box-sizing: inherit;
--- a/sw.js
+++ b/sw.js
@ -9,7 +9,7 @@ async function initCache() {
    '/components/header.js',
    '/components/nav-menu.js',
    '/components/page-menu.js',
-  ]) //3
+  ]) //4
 }

 self.addEventListener("install", event => {