From e0a112383334db5f09898b7e7dfe2eb368886c31 Mon Sep 17 00:00:00 2001 From: longph Date: Sat, 25 Nov 2023 23:16:19 +0200 Subject: [PATCH] General enhancements to improve responsiveness Added meta tags for viewport to make bulma responsive classes to work, added max height for editor in smaller devices to split the screen vertically --- frontend/pages/app.ejs | 5 +++-- frontend/pages/index.ejs | 1 + frontend/styles/app.css | 10 ++++++++++ 3 files changed, 14 insertions(+), 2 deletions(-) diff --git a/frontend/pages/app.ejs b/frontend/pages/app.ejs index 4b56337..840b0df 100644 --- a/frontend/pages/app.ejs +++ b/frontend/pages/app.ejs @@ -2,6 +2,7 @@ + <%= config.name %> - Riju -
-
+
+
diff --git a/frontend/pages/index.ejs b/frontend/pages/index.ejs index fd38f97..03e0597 100644 --- a/frontend/pages/index.ejs +++ b/frontend/pages/index.ejs @@ -2,6 +2,7 @@ + Riju <% if (analyticsTag) { %> diff --git a/frontend/styles/app.css b/frontend/styles/app.css index 511ba7b..a87cdd9 100644 --- a/frontend/styles/app.css +++ b/frontend/styles/app.css @@ -5,3 +5,13 @@ #header .button { border-radius: 0; } + +@media (max-width: 767px) { + #editor-wrapper { + max-height: 50vh !important; + } +} + +#editor-wrapper { + height: 100%; +} \ No newline at end of file