Removed info channels from overview. Fixed poster gap.

pages/scene/+Page.vue

@@ -36,12 +36,12 @@
 					</div>
 
 					<div
-						v-if="scene.photos.length > 0"
+						v-if="scene.photos.length > 0 || scene.caps.length > 0"
 						class="album"
-						:class="{ single: scene.photos.length === 1 }"
+						:class="{ single: (scene.photos.length + scene.caps.length) === 1 }"
 					>
 						<div
-							v-for="photo in scene.photos"
+							v-for="photo in [...scene.photos, ...scene.caps]"
 							:key="`photo-${photo.id}`"
 							class="photo-container"
 						>
@@ -444,6 +444,11 @@ function copySummary() {
 	margin-right: .5rem;
 }
 
+.poster-link {
+	height: 100%;
+	width: calc(21/9 * 16rem);
+}
+
 .poster {
 	height: 100%;
 	width: 100%;
@@ -638,7 +643,7 @@ function copySummary() {
 	overflow-x: auto;
 
 	.actor {
-		width: 8rem;
+		width: 10rem;
 		flex-shrink: 0;
 	}
 }
@@ -786,6 +791,10 @@ function copySummary() {
 		flex-shrink: 1;
 	}
 
+	.poster-link {
+		width: 100%;
+	}
+
 	.trailer {
 		margin: 0;
 		flex-shrink: 1;
@@ -812,7 +821,9 @@ function copySummary() {
 	}
 
 	.actors {
-		grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
+		.actor {
+			width: 9rem;
+		}
 	}
 
 	.series {
@@ -833,10 +844,4 @@ function copySummary() {
 		font-size: .9rem;
 	}
 }
-
-@media(--small-60) {
-	.actors {
-		grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr));
-	}
-}
 </style>

pages/scene/+onBeforeRender.js

@@ -15,6 +15,8 @@ function getTitle(scene) {
 export async function onBeforeRender(pageContext) {
 	const [scene] = await fetchScenesById([Number(pageContext.routeParams.sceneId)], {
 		reqUser: pageContext.user,
+		includeAssets: true,
+		includePartOf: true,
 		actorStashes: true,
 	});