From 4d1a33341476a19a494686ca4989ef8702f2d7e5 Mon Sep 17 00:00:00 2001 From: Matthew Gordon Date: Tue, 10 Jun 2025 12:26:58 -0300 Subject: [PATCH] Make web app fill viewport --- web/index.html | 6 ++++-- web/pteropus-frame.css | 25 +++++++++++++++++++++---- 2 files changed, 25 insertions(+), 6 deletions(-) diff --git a/web/index.html b/web/index.html index a66b49c..e00a776 100644 --- a/web/index.html +++ b/web/index.html @@ -5,11 +5,13 @@ - + +
- +
+ diff --git a/web/pteropus-frame.css b/web/pteropus-frame.css index 01867e4..bfea514 100644 --- a/web/pteropus-frame.css +++ b/web/pteropus-frame.css @@ -1,5 +1,22 @@ -#pteropus-canvas { - height: 100%; - width: 100%; - display: block; +body { + margin: 0; +} + +#whole-window { + width: 100vw; + height: 100vh; + display: flex; + flex-direction: column; +} + +#pteropus-canvas { + display: flex; + flex-grow: 1; + margin: 0.4rem; +} + +#bottom-panel { + display: flex; + flex-grow: 0; + margin: 0.4rem; }