Fixed scene serie poster curation and tile display.
This commit is contained in:
@@ -10,7 +10,10 @@ defineProps({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="serie-tile">
|
<div
|
||||||
|
class="serie-tile"
|
||||||
|
:class="{ noposter: !serie.poster }"
|
||||||
|
>
|
||||||
<a
|
<a
|
||||||
v-if="serie.poster"
|
v-if="serie.poster"
|
||||||
:href="`/serie/${serie.id}/${serie.slug}`"
|
:href="`/serie/${serie.id}/${serie.slug}`"
|
||||||
@@ -39,8 +42,8 @@ defineProps({
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
box-shadow: 0 0 3px var(--shadow-weak-30);
|
box-shadow: 0 0 3px var(--shadow-weak-30);
|
||||||
border-radius: .25rem;
|
border-radius: .25rem;
|
||||||
overflow: hidden;
|
|
||||||
background: var(--background-base);
|
background: var(--background-base);
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0 0 3px var(--shadow-weak-20);
|
box-shadow: 0 0 3px var(--shadow-weak-20);
|
||||||
@@ -53,6 +56,19 @@ defineProps({
|
|||||||
&.unstashed {
|
&.unstashed {
|
||||||
opacity: .5;
|
opacity: .5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.noposter {
|
||||||
|
background: none;
|
||||||
|
box-shadow: none;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.poster-container {
|
.poster-container {
|
||||||
|
|||||||
+1
-1
@@ -127,7 +127,7 @@ function curateScene(rawScene, assets, reqUser, context) {
|
|||||||
title: serie.title,
|
title: serie.title,
|
||||||
poster: context.restriction
|
poster: context.restriction
|
||||||
? null
|
? null
|
||||||
: (serie.serie_poster, { type: 'poster' }),
|
: curateMedia(serie.serie_poster, { type: 'poster' }),
|
||||||
})),
|
})),
|
||||||
poster: curateMedia(assets.poster, { type: 'poster' }),
|
poster: curateMedia(assets.poster, { type: 'poster' }),
|
||||||
photos: assets.photos?.map((photo) => curateMedia(photo, { type: 'photo' })) || [],
|
photos: assets.photos?.map((photo) => curateMedia(photo, { type: 'photo' })) || [],
|
||||||
|
|||||||
Reference in New Issue
Block a user