Add previews
Signed-off-by: Julius Härtl <jus@bitgrid.net>
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 28 KiB |
After Width: | Height: | Size: 6.5 KiB |
After Width: | Height: | Size: 18 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 23 KiB |
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 6.4 KiB |
After Width: | Height: | Size: 18 KiB |
After Width: | Height: | Size: 4.4 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 18 KiB |
After Width: | Height: | Size: 6.3 KiB |
|
@ -52,7 +52,7 @@
|
||||||
:class="{ 'icon-loading': loading === shippedBackground.name, active: background === shippedBackground.name }"
|
:class="{ 'icon-loading': loading === shippedBackground.name, active: background === shippedBackground.name }"
|
||||||
tabindex="0"
|
tabindex="0"
|
||||||
class="background"
|
class="background"
|
||||||
:style="{ 'background-image': 'url(' + shippedBackground.url + ')' }"
|
:style="{ 'background-image': 'url(' + shippedBackground.preview + ')' }"
|
||||||
@click="setShipped(shippedBackground.name)"
|
@click="setShipped(shippedBackground.name)"
|
||||||
@keyup.enter="setShipped(shippedBackground.name)"
|
@keyup.enter="setShipped(shippedBackground.name)"
|
||||||
@keyup.space="setShipped(shippedBackground.name)" />
|
@keyup.space="setShipped(shippedBackground.name)" />
|
||||||
|
@ -87,6 +87,7 @@ export default {
|
||||||
return {
|
return {
|
||||||
name: item,
|
name: item,
|
||||||
url: prefixWithBaseUrl(item),
|
url: prefixWithBaseUrl(item),
|
||||||
|
preview: prefixWithBaseUrl('previews/' + item),
|
||||||
details: shippedBackgroundList[item],
|
details: shippedBackgroundList[item],
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|