mirror of
https://github.com/GuerillaStudio/now-playing
synced 2024-11-09 13:51:52 +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%;
|
width: 100%;
|
||||||
border-radius: .6rem;
|
border-radius: .6rem;
|
||||||
background-color: rgba($color-primary, .5);
|
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);
|
box-shadow: 0 .6rem 4.4rem 0 rgba(0,0,0,.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -32,7 +32,7 @@
|
||||||
{{ $coverSmall := $original.Resize "x250 webp" }}
|
{{ $coverSmall := $original.Resize "x250 webp" }}
|
||||||
{{ $coverMedium := $original.Resize "x500 webp" }}
|
{{ $coverMedium := $original.Resize "x500 webp" }}
|
||||||
{{ $coverBig := $original.Resize "x1000 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="{{ $coverSmall.Permalink }} 1x, {{ $coverMedium.Permalink }} 2x" media="(max-width: 427px)">
|
||||||
<source srcset="{{ $coverMedium.Permalink }} 1x, {{ $coverBig.Permalink }} 2x" media="(max-width: 480px)">
|
<source srcset="{{ $coverMedium.Permalink }} 1x, {{ $coverBig.Permalink }} 2x" media="(max-width: 480px)">
|
||||||
<source srcset="{{ $coverSmall.Permalink }} 1x, {{ $coverMedium.Permalink }} 2x" media="(max-width: 647px)">
|
<source srcset="{{ $coverSmall.Permalink }} 1x, {{ $coverMedium.Permalink }} 2x" media="(max-width: 647px)">
|
||||||
|
|
Loading…
Reference in a new issue