forked from DebaucheryLibrarian/traxxx
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"
|
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 */
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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);
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue