2x images for Retina display

pull/1889/head
Victor Baranov 6 years ago
parent 6288d8ea4e
commit 308a729339
  1. 11
      apps/block_scout_web/assets/css/_mixins.scss
  2. 2
      apps/block_scout_web/assets/css/components/_verify_other_explorers.scss
  3. BIN
      apps/block_scout_web/assets/static/images/icons/etherchain@3x.png

@ -199,3 +199,14 @@
}
}
}
@mixin image-2x($image, $width: 100%, $height: 100%) {
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
background-image: url($image);
background-size: $width $height;
}
}

@ -18,12 +18,14 @@
background-size: 12px 12px;
}
.blockchair-logo {
@include image-2x('/images/icons/blockchair@2x.png', 10px, 16px);
background-image: url("/images/icons/blockchair.png");
background-repeat: no-repeat;
padding-left: 25px;
background-size: 10px 16px;
}
.etherchain-logo {
@include image-2x('/images/icons/etherchain@2x.png', 16px, 16px);
background-image: url("/images/icons/etherchain.png");
background-repeat: no-repeat;
padding-left: 25px;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 KiB

Loading…
Cancel
Save