fix(mobile): fix backgroud size

9 years ago · 885f33c5c7
parent 333be7f516
commit 885f33c5c7
4 changed files with 14 additions and 1 deletions
--- a/src/assets/img/blur-bg-mobile.jpg
+++ b/src/assets/img/blur-bg-mobile.jpg
--- a/src/index.html
+++ b/src/index.html
@ -25,6 +25,7 @@
  <!-- endbuild -->
 </head>
 <body ng-class="{'mobile' : $isMobile}">
+<div class="body-bg"></div>
 <main ng-if="$pageFinishedLoading" ng-class="{ 'menu-collapsed': $isMenuCollapsed }">

  <sidebar></sidebar>
--- a/src/sass/theme/_layout.scss
+++ b/src/sass/theme/_layout.scss
@ -36,6 +36,9 @@ a {
  outline: 0 !important;
 }

+.body-bg{
+  display: none;
+}
 .al-header {
  display: block;
  height: 49px;
--- a/src/sass/theme/skins/_02_transparent.scss
+++ b/src/sass/theme/skins/_02_transparent.scss
@ -1,6 +1,15 @@
 body.badmin-transparent {
  &.mobile{
-    background-image: url($images-root + 'blur-bg-mobile.jpg');
+    background: none;
+    .body-bg{
+      display: block;
+      position: fixed;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      right: 0;
+      @include main-background();
+    }
    .panel-blur {
      background: transparent;
    }