fix: Login screen not vertically centered on mobile (#4052)

2022-09-04 09:14:32 +02:00
parent e0e87ea6a2
commit c9156ae399
3 changed files with 10 additions and 3 deletions
--- a/app/styles/globals.ts
+++ b/app/styles/globals.ts
@@ -12,7 +12,7 @@ export default createGlobalStyle`
  html,
  body {
    width: 100%;
-    min-height: 100vh;
+    height: 100%;
    margin: 0;
    padding: 0;
    print-color-adjust: exact;
@@ -39,6 +39,13 @@ export default createGlobalStyle`
    text-rendering: optimizeLegibility;
  }

+  @media (min-width: ${breakpoints.tablet}px) {
+    html,
+    body {
+      min-height: 100vh;
+    }
+  }
+
  @media (min-width: ${breakpoints.tablet}px) and (display-mode: standalone) {
    body:after {
      content: "";