use sprites scaled to specific resolution (better performance, less

scaling headaches)
2020-09-11 22:12:01 +02:00
parent 6e3a13e0d2
commit d45cc207ad
6 changed files with 47 additions and 50 deletions
--- a/htdocs/css/openwebrx-globals.css
+++ b/htdocs/css/openwebrx-globals.css
@ -10,3 +10,11 @@ html, body
    background-image: url(../gfx/openwebrx-sprites.png);
    display: inline-block;
 }
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2),
+only screen and (min-device-pixel-ratio: 2) {
+    .sprite {
+        background-image: url(../gfx/openwebrx-sprites-2x.png);
+        background-size: 198px 77px;
+    }
+}