Improved movie page styling. Fixed parentless channel icon in channel filter.

components/filters/channels.vue

@@ -47,7 +47,7 @@
 							:title="entity.name"
 						>
 							<img
-								v-if="entity.isIndependent || entity.type === 'network'"
+								v-if="entity.isIndependent || entity.type === 'network' || !entity.parent"
 								:src="`/logos/${entity.slug}/favicon_dark.png`"
 								class="favicon"
 							>

components/movies/movies.vue

@@ -228,6 +228,7 @@ function updateFilter(prop, value, reload = true) {
 <style scoped>
 .movies-page {
 	display: flex;
+	flex-grow: 1;
 	background: var(--background-base-10);
 }
 

pages/movies/+Page.vue

@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div class="page">
 		<Movies />
 	</div>
 </template>
@@ -7,3 +7,10 @@
 <script setup>
 import Movies from '#/components/movies/movies.vue';
 </script>
+
+<style scoped>
+.page {
+	display: flex;
+	flex-grow: 1;
+}
+</style>

pages/movies/@movieId/+Page.vue

@@ -249,6 +249,7 @@ const scenes = pageContext.pageProps.scenes;
 <style scoped>
 .page {
 	display: flex;
+	flex-grow: 1;
 	justify-content: center;
 	background: var(--background-base-10);
 }