From e562017b33d164f5fc68376b5c7801a919f4e6e4 Mon Sep 17 00:00:00 2001 From: bat Date: Tue, 4 Apr 2023 21:38:42 +0000 Subject: [PATCH] Fix scrolling in layout --- components/layout.js | 6 +++--- components/page.js | 28 +++++++++++++++++----------- 2 files changed, 20 insertions(+), 14 deletions(-) diff --git a/components/layout.js b/components/layout.js index d7b3fa4..3fde587 100644 --- a/components/layout.js +++ b/components/layout.js @@ -13,9 +13,9 @@ export class Layout extends HTMLElement { display: flex; flex-direction: column; align-items: stretch; - height: 100vh; - min-height: 100vh; - max-height: 100vh; + height: 100svh; + min-height: 100svh; + max-height: 100svh; overflow-y: hidden; position: relative; } diff --git a/components/page.js b/components/page.js index 1db0823..71236e3 100644 --- a/components/page.js +++ b/components/page.js @@ -3,16 +3,22 @@ const frameHtml = ` Frame @@ -67,7 +73,7 @@ export class Page extends HTMLElement { align-items: stretch; } div.twrap { - padding: 5px 10px; + padding: 10px 10px; display: flex; align-items: stretch; flex-direction: column;