From 3c2313252c5facd2b0203aa65566a3e2f4d52914 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Mon, 31 Mar 2025 22:10:37 +0200
Subject: [PATCH] Fixed body/scroll height on mobile
---
frontend/src/App.vue | 2 +-
frontend/src/assets/base.css | 3 ++-
frontend/src/assets/main.css | 6 +++++-
3 files changed, 8 insertions(+), 3 deletions(-)
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 95356c0..bbcd75e 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -98,7 +98,7 @@ export default {
.app-container {
width: 100%;
- height: 100vh;
+ height: 100%;
display: flex;
flex-direction: column;
background: var(--color-background);
diff --git a/frontend/src/assets/base.css b/frontend/src/assets/base.css
index a4c098e..46cefcf 100644
--- a/frontend/src/assets/base.css
+++ b/frontend/src/assets/base.css
@@ -119,7 +119,8 @@
}
body {
- min-height: 100vh;
+ height: 100%;
+ min-height: 100%;
color: var(--color-text);
background: var(--color-background);
transition:
diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css
index 3d899a5..9cf48ac 100644
--- a/frontend/src/assets/main.css
+++ b/frontend/src/assets/main.css
@@ -1,8 +1,12 @@
@import './base.css';
+html {
+ height: 100%;
+}
+
#app {
width: 100%;
- height: 100vh;
+ height: 100%;
font-weight: normal;
}