|
|
|
@ -35,8 +35,9 @@
|
|
|
|
|
v-model="backgroundSearchTerm"
|
|
|
|
|
/>
|
|
|
|
|
<p class="unsplash-link">
|
|
|
|
|
<a href="https://unsplash.com" rel="noreferrer noopener nofollow"
|
|
|
|
|
target="_blank">{{ $t('list.background.poweredByUnsplash') }}</a>
|
|
|
|
|
<a href="https://unsplash.com" rel="noreferrer noopener nofollow" target="_blank">
|
|
|
|
|
{{ $t('list.background.poweredByUnsplash') }}
|
|
|
|
|
</a>
|
|
|
|
|
</p>
|
|
|
|
|
<div class="image-search-result">
|
|
|
|
|
<a
|
|
|
|
@ -48,8 +49,11 @@
|
|
|
|
|
<transition name="fade">
|
|
|
|
|
<img :src="backgroundThumbs[im.id]" alt="" v-if="backgroundThumbs[im.id]"/>
|
|
|
|
|
</transition>
|
|
|
|
|
<a :href="`https://unsplash.com/@${im.info.author}`" rel="noreferrer noopener nofollow"
|
|
|
|
|
target="_blank" class="info">
|
|
|
|
|
<a
|
|
|
|
|
:href="`https://unsplash.com/@${im.info.author}`"
|
|
|
|
|
rel="noreferrer noopener nofollow"
|
|
|
|
|
target="_blank"
|
|
|
|
|
class="info">
|
|
|
|
|
{{ im.info.authorName }}
|
|
|
|
|
</a>
|
|
|
|
|
</a>
|
|
|
|
@ -70,7 +74,6 @@
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import {mapState} from 'vuex'
|
|
|
|
|
import {decode} from 'blurhash'
|
|
|
|
|
import {getBlobFromBlurHash} from '../../../helpers/getBlobFromBlurHash'
|
|
|
|
|
|
|
|
|
|
import BackgroundUnsplashService from '../../../services/backgroundUnsplash'
|
|
|
|
|