#184 fix for small displays. (#185)

* #184 fix for small displays. * using compact layout
FAForever · Nov 13, 2023 · 5031067 · 5031067
1 parent d1f3854
commit 5031067
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 10 deletions.
diff --git a/frontend/themes/faforever/styles.css b/frontend/themes/faforever/styles.css
@@ -11,13 +11,7 @@ html {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
-    position: fixed !important;
-    padding: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    height: auto !important;
+    min-height: 100vh;
 }
 
 ::part(input-field) {

diff --git a/src/main/kotlin/com/faforever/userservice/ui/layout/OAuthLayout.kt b/src/main/kotlin/com/faforever/userservice/ui/layout/OAuthLayout.kt
@@ -13,7 +13,7 @@ import com.vaadin.flow.router.RouterLayout
 import jakarta.enterprise.context.Dependent
 
 @Dependent
-class OAuthLayout(oAuthHeader: OAuthHeader) : VerticalLayout(), RouterLayout {
+class OAuthLayout(oAuthHeader: OAuthHeader) : CompactVerticalLayout(), RouterLayout {
 
     companion object {
         val BACKGROUND_IMAGES = arrayOf(
@@ -26,8 +26,6 @@ class OAuthLayout(oAuthHeader: OAuthHeader) : VerticalLayout(), RouterLayout {
     }
 
     init {
-        setHeightFull()
-        setWidthFull()
         addClassName("background")
         style.set("background-image", "url(${BACKGROUND_IMAGES.random()})")