Hiding header nav bar on small screens. Improved scene and movie tile scaling, added thumbnail placeholder. Added pagination to movies page.

components/scenes/tile.vue

@@ -18,6 +18,11 @@
 					loading="lazy"
 					class="thumbnail"
 				>
+
+				<Icon
+					v-else
+					icon="clapboard"
+				/>
 			</Link>
 
 			<Icon
@@ -166,19 +171,31 @@ async function unstash() {
 
 .poster-container {
 	position: relative;
+	overflow: hidden;
+	font-size: 0;
 }
 
 .poster {
-	display: block;
-	height: 14rem;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	aspect-ratio: 16/9;
 	border-radius: .25rem .25rem 0 0;
 	overflow: hidden;
+	background: var(--background-dark-20);
+
+	.icon {
+		width: 3rem;
+		height: 3rem;
+		fill: var(--shadow-weak-40);
+	}
 }
 
 .thumbnail {
-	height: 100%;
 	width: 100%;
+	height: 100%;
 	object-fit: cover;
+	object-position: 50% 50%;
 	background-size: cover;
 	background-position: center;
 }