From f1b40b76d64cfeec5eeae783046ace98913ff00d Mon Sep 17 00:00:00 2001
From: bat <bat@noreply.codeberg.org>
Date: Mon, 27 Mar 2023 01:48:08 +0000
Subject: [PATCH 1/2] Use dvh for menu and iframe heights

---
 components/nav-menu.js | 3 ++-
 components/page.js     | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/nav-menu.js b/components/nav-menu.js
index caaca51..f2b5212 100644
--- a/components/nav-menu.js
+++ b/components/nav-menu.js
@@ -13,7 +13,7 @@ export class NavMenu extends HTMLElement {
         display: flex;
         flex-direction: column;
         color: #000;
-        max-height: 100vh;
+        max-height: 100dvh;
       }
       h1 {
         width: 100%;
@@ -25,6 +25,7 @@ export class NavMenu extends HTMLElement {
       .page-list {
         flex-grow: 1;
         overflow-y: auto;
+        padding-bottom: 50px;
       }
       a {
         display: block;
diff --git a/components/page.js b/components/page.js
index 341a64f..fc8086b 100644
--- a/components/page.js
+++ b/components/page.js
@@ -71,7 +71,7 @@ export class Page extends HTMLElement {
       iframe {
         border: none;
         width: 100%;
-        height: 90vh;
+        height: 90dvh;
       }
       :host(.editing) iframe {
         display: none;
@@ -135,7 +135,7 @@ export class Page extends HTMLElement {
 
   get body() {
     try {
-      return localStorage.getItem(this.path) ?? ''
+      return localStorage.getItem(this.path)
     } catch (err) {
       console.error(err)
       return ''

From 9f493344ff353f7a256b6ade4a4ad44c78d4edec Mon Sep 17 00:00:00 2001
From: bat <bat@noreply.codeberg.org>
Date: Mon, 27 Mar 2023 01:49:01 +0000
Subject: [PATCH 2/2] bump

---
 sw.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sw.js b/sw.js
index 60f4c03..e2554ce 100644
--- a/sw.js
+++ b/sw.js
@@ -9,7 +9,7 @@ async function initCache() {
     '/components/header.js',
     '/components/nav-menu.js',
     '/components/page-menu.js',
-  ]) //6
+  ]) //7
 }
 
 self.addEventListener("install", event => {