mirror of
https://github.com/GuerillaStudio/now-playing
synced 2024-11-29 23:01:40 +00:00
Make cover's placeholder blur instead of flat color on single pages
This commit is contained in:
parent
5846cbb5eb
commit
6dd68e03f8
2 changed files with 3 additions and 1 deletions
|
@ -40,6 +40,8 @@
|
|||
width: 100%;
|
||||
border-radius: .6rem;
|
||||
background-color: rgba($color-primary, .5);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
box-shadow: 0 .6rem 4.4rem 0 rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
|
|
|
@ -32,7 +32,7 @@
|
|||
{{ $coverSmall := $original.Resize "x250 webp" }}
|
||||
{{ $coverMedium := $original.Resize "x500 webp" }}
|
||||
{{ $coverBig := $original.Resize "x1000 webp" }}
|
||||
{{ $placeholder := $original.Resize "x1" }}
|
||||
{{ $placeholder := $original.Resize "x15" }}
|
||||
<source srcset="{{ $coverSmall.Permalink }} 1x, {{ $coverMedium.Permalink }} 2x" media="(max-width: 427px)">
|
||||
<source srcset="{{ $coverMedium.Permalink }} 1x, {{ $coverBig.Permalink }} 2x" media="(max-width: 480px)">
|
||||
<source srcset="{{ $coverSmall.Permalink }} 1x, {{ $coverMedium.Permalink }} 2x" media="(max-width: 647px)">
|
||||
|
|
Loading…
Reference in a new issue