Added movie and summary to scene page.

components/movies/tile.vue

@@ -29,6 +29,7 @@
 			</a>
 
 			<Heart
+				v-if="details"
 				domain="movies"
 				:item="movie"
 				:show-secondary="false"
@@ -38,7 +39,10 @@
 			/>
 		</div>
 
-		<div class="tile-info">
+		<div
+			v-if="details"
+			class="tile-info"
+		>
 			<div class="tile-meta">
 				<div class="channel">
 					<Link
@@ -101,6 +105,13 @@
 				</li>
 			</ul>
 		</div>
+
+		<a
+			v-else
+			:href="`/movie/${movie.id}/${movie.slug}`"
+			:title="movie.title"
+			class="tile-info title nolink"
+		>{{ movie.title }}</a>
 	</div>
 </template>
 
@@ -115,6 +126,10 @@ const props = defineProps({
 		type: Object,
 		default: null,
 	},
+	details: {
+		type: Boolean,
+		default: true,
+	},
 });
 
 const pageContext = inject('pageContext');
@@ -124,7 +139,7 @@ const currentStash = pageStash || user?.primaryStash;
 
 const currentYear = new Date().getFullYear();
 
-const favorited = ref(props.movie.stashes.some((movieStash) => movieStash.id === currentStash.id));
+const favorited = ref(props.movie.stashes?.some((movieStash) => movieStash.id === currentStash.id));
 </script>
 
 <style scoped>
@@ -156,10 +171,14 @@ const favorited = ref(props.movie.stashes.some((movieStash) => movieStash.id ===
 	flex-grow: 1;
 	position: relative;
 	background: var(--shadow-weak-30);
-	aspect-ratio: 5/7;
+	aspect-ratio: 2/3;
+	overflow: hidden;
 }
 
 .cover-link {
+	display: flex;
+	justify-content: center;
+	align-items: center;
 	width: 100%;
 	height: 100%;
 	font-size: 0;
@@ -235,8 +254,13 @@ const favorited = ref(props.movie.stashes.some((movieStash) => movieStash.id ===
 	text-overflow: ellipsis;
 	font-weight: bold;
 	padding: 0 .5rem;
-	margin-bottom: .25rem;
-	font-size: 1rem;
+	margin-bottom: .3rem;
+	font-size: .9rem;
+
+	&.tile-info {
+		padding: .5rem;
+		margin: 0;
+	}
 }
 
 .actors {
@@ -246,7 +270,7 @@ const favorited = ref(props.movie.stashes.some((movieStash) => movieStash.id ===
 	overflow: hidden;
 	font-size: .9rem;
 	padding: 0 .5rem;
-	margin-bottom: .35rem;
+	margin-bottom: .3rem;
 	line-height: 1.35;
 }