Fixed cover dimensions on movie tile to show lazy image, showing missing cover icon.

This commit is contained in:
DebaucheryLibrarian 2022-02-09 00:19:54 +01:00
parent 93abbab873
commit c4f0b48932
3 changed files with 26 additions and 9 deletions

View File

@ -14,6 +14,12 @@
loading="lazy"
>
<div
v-else
:title="movie.title"
class="unavailable"
><Icon icon="blocked" /></div>
<Icon
v-show="(!stash || stash.primary) && favorited"
icon="heart7"
@ -161,7 +167,6 @@ export default {
}
.movie {
height: 16rem;
display: flex;
}
@ -171,18 +176,30 @@ export default {
}
.cover {
height: 100%;
height: 16rem;
width: 11.25rem;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
position: relative;
box-shadow: 0 0 3px var(--darken-weak);
background-color: var(--shadow-hint);
img {
height: 100%;
max-width: 12rem;
width: 100%;
background-position: center;
background-size: cover;
object-fit: cover;
object-position: center;
}
.unavailable .icon {
width: 2rem;
height: 2rem;
fill: var(--shadow-hint);
}
}
.info {
@ -254,10 +271,10 @@ export default {
.stash {
width: 1.5rem;
height: 1.5rem;
padding: .25rem .5rem .5rem .25rem;
padding: .25rem .5rem .5rem .5rem;
position: absolute;
top: 0;
right: 0;
left: 0;
fill: var(--lighten-weak);
filter: drop-shadow(0 0 2px var(--darken));
@ -273,8 +290,9 @@ export default {
}
@media(max-width: $breakpoint-kilo) {
.movie {
.cover {
height: 12rem;
width: 8.25rem;
}
/* ensure no half actor names show */

View File

@ -45,12 +45,13 @@ const tagSlugsByCategory = {
'teen',
'milf',
'blowjob',
'gay',
'transsexual',
'dp',
'gangbang',
'facial',
'creampie',
'squirting',
'transsexual',
],
appearance: [
'asian',

View File

@ -119,8 +119,6 @@ function scrapeScene(html, site, url) {
}
async function fetchLatest(site, page = 1) {
console.log(site.parameters);
const url = `${site.parameters?.latest || site.url}?page=${page}`;
const res = await http.get(url);