Added series page and scene page section, no overview (yet).

pages/scene/+Page.vue

@@ -171,7 +171,7 @@
 				</ul>
 
 				<div
-					v-if="scene.movies.length > 0"
+					v-if="scene.movies.length > 0 || scene.series.length > 0"
 					class="section"
 				>
 					<h3 class="heading">Part of</h3>
@@ -184,6 +184,15 @@
 							:details="false"
 						/>
 					</div>
+
+					<div class="series">
+						<SerieTile
+							v-for="serie in scene.series"
+							:key="`serie-${serie.id}`"
+							:serie="serie"
+							:details="false"
+						/>
+					</div>
 				</div>
 
 				<div
@@ -274,6 +283,7 @@ import getPath from '#/src/get-path.js';
 
 import ActorTile from '#/components/actors/tile.vue';
 import MovieTile from '#/components/movies/tile.vue';
+import SerieTile from '#/components/series/tile.vue';
 import Player from '#/components/video/player.vue';
 import Heart from '#/components/stashes/heart.vue';
 
@@ -370,7 +380,7 @@ function copySummary() {
 .content {
 	width: 100%;
 	max-width: 1200px;
-	margin: 0 .5rem;
+	margin: 0 1rem;
 	display: flex;
 	flex-direction: column;
 }
@@ -601,13 +611,21 @@ function copySummary() {
 	}
 }
 
-.movies {
+.movies,
+.series {
 	display: grid;
 	flex-grow: 1;
-	grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
 	gap: .25rem;
 }
 
+.movies {
+	grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+}
+
+.series {
+	grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
+}
+
 .section {
 	margin-bottom: 1rem;
 }
@@ -739,6 +757,10 @@ function copySummary() {
 	.actors {
 		grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
 	}
+
+	.series {
+		grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
+	}
 }
 
 @media(--small-50) {