From 3efa75759c4d9491c377fba9159e39ae9ccf146b Mon Sep 17 00:00:00 2001
From: Valentin Kaelin <kalanehd@gmail.com>
Date: Sat, 12 Oct 2019 16:15:21 +0200
Subject: [PATCH] fix: mobile version of the homepage

---
 client/public/index.html  | 2 +-
 client/src/views/Home.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/client/public/index.html b/client/public/index.html
index 87d75f3..9bb03b9 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -16,7 +16,7 @@
   <title>LeagueStats</title>
 </head>
 
-<body class="min-w-1200">
+<body class="min-w-1200 bg-blue-900">
   <noscript>
     <strong>We're sorry but LeagueStats doesn't work properly without JavaScript enabled. Please enable it to
       continue.</strong>
diff --git a/client/src/views/Home.vue b/client/src/views/Home.vue
index cfe7b74..209c6ba 100644
--- a/client/src/views/Home.vue
+++ b/client/src/views/Home.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="bg-blue-900">
+  <div class="relative bg-blue-900 page-wrapper mx-auto overflow-hidden">
     <LazyBackground
       :image-source="require('@/assets/img/bg-homepage-1.jpg')"
-      image-class="absolute inset-0"
+      image-class="absolute inset-0 bg-center"
       transition-name="fade"
     ></LazyBackground>
 
