Fixed cover dimensions on movie tile to show lazy image, showing missing cover icon.
This commit is contained in:
parent
93abbab873
commit
c4f0b48932
|
@ -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 */
|
||||
|
|
|
@ -45,12 +45,13 @@ const tagSlugsByCategory = {
|
|||
'teen',
|
||||
'milf',
|
||||
'blowjob',
|
||||
'gay',
|
||||
'transsexual',
|
||||
'dp',
|
||||
'gangbang',
|
||||
'facial',
|
||||
'creampie',
|
||||
'squirting',
|
||||
'transsexual',
|
||||
],
|
||||
appearance: [
|
||||
'asian',
|
||||
|
|
|
@ -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);
|
||||
|
||||
|
|
Loading…
Reference in New Issue