Merge pull request #1701 from MrTimscampi/mobile-logo

Use emblem when loading on mobile
2020-07-31 14:17:38 +09:00 · 2020-07-31 14:17:38 +09:00 · 60d9af0d75
commit 60d9af0d75
parent 0d4ab35b22 319805fe5d
1 changed files with 9 additions and 1 deletions
--- a/src/index.html
+++ b/src/index.html
@ -129,7 +129,7 @@
            animation: fadein 0.5s;
            width: 30%;
            height: 30%;
-            background-image: url(assets/img/banner-light.png);
+            background-image: url(assets/img/icon-transparent.png);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
@ -139,6 +139,14 @@
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
+
+        @media screen
+            and (min-device-width: 992px)
+            and (-webkit-min-device-pixel-ratio: 1) {
+            .splashLogo {
+                background-image: url(assets/img/banner-light.png);
+            }
+        }
    </style>
 </head>
 <body>