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

View File

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

View File

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