better support for mobile devices

2021-10-19 18:47:16 +02:00
parent 6627cb642d
commit 4c4dbe9d7b
6 changed files with 139 additions and 160 deletions
--- a/src/views/Match.vue
+++ b/src/views/Match.vue
@@ -191,10 +191,10 @@ export default {
 .bg-img {
  z-index: -1;
  position: fixed;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  overflow: hidden;
 }

 .head {
@@ -257,7 +257,7 @@ export default {
  justify-content: center;
  flex-wrap: wrap;

-  padding-left: 70px;
+  //padding-left: 70px;
  z-index: 1;
  height: 100%;
  width: 100%;