From ffde1723d40427b74bf9f5a677e3245479434f5e Mon Sep 17 00:00:00 2001
From: Bubka <858858+Bubka@users.noreply.github.com>
Date: Fri, 1 Dec 2023 15:03:57 +0100
Subject: [PATCH] Fix footer position for iOS devices

---
 resources/js_vue3/assets/app.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/resources/js_vue3/assets/app.scss b/resources/js_vue3/assets/app.scss
index b852621c..99424640 100644
--- a/resources/js_vue3/assets/app.scss
+++ b/resources/js_vue3/assets/app.scss
@@ -27,6 +27,9 @@ a:hover {
   color: hsl(204, 86%, 53%);
 }
 
+#app {
+  min-height: 100vh;
+}
 @supports (padding-top: env(safe-area-inset-top)) {
   #app {
     padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-left);
@@ -917,6 +920,13 @@ footer.main {
   position: fixed;
   z-index: 30;
 }
+@supports (-webkit-touch-callout: none) {
+  @media (display-mode: standalone) {
+    footer.main {
+      padding-bottom: env(safe-area-inset-bottom);
+    }
+  }
+}
 
 footer.main .field.is-grouped {
   justify-content: center;