Updated tag page layout. Added shoot date property. Showing parent favicon on compact entity page. Re-added 'new' indicator on tile. Added Family Sinner to Mile High Media. Various fixes and improvements.

assets/components/entities/entity.vue

@@ -34,6 +34,8 @@
 					v-else
 					class="name"
 				>{{ entity.name }}</h2>
+
+				<Icon icon="share2" />
 			</a>
 
 			<router-link
@@ -47,6 +49,12 @@
 					:src="`/img/logos/${entity.parent.slug}/thumbs/network.png`"
 				>
 
+				<img
+					v-if="entity.parent.hasLogo"
+					class="favicon"
+					:src="`/img/logos/${entity.parent.slug}/favicon.png`"
+				>
+
 				<h3
 					v-else
 					class="name parent-name"
@@ -123,6 +131,7 @@ async function mounted() {
 
 async function route() {
 	await this.fetchEntity();
+	this.expanded = false;
 }
 
 export default {
@@ -155,35 +164,50 @@ export default {
 @import 'theme';
 
 .info {
-	height: 2.5rem;
 	display: flex;
 	justify-content: space-between;
-	padding: 1rem;
 	background: var(--profile);
 	border-bottom: solid 1px var(--lighten-hint);
+}
 
-	.link {
-		display: flex;
-		align-items: center;
-		text-decoration: none;
-		flex-grow: 1;
+.link {
+	max-width: 20rem;
+	display: flex;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 1rem;
+	text-decoration: none;
+}
+
+.link-child {
+	.icon {
+		fill: var(--lighten);
+		margin: 0 0 0 1rem;
 	}
 
-	.link-child {
-		margin: 0 2rem 0 0;
+	&:hover .icon {
+		fill: var(--text-light);
 	}
+}
 
-	.link-parent {
-		flex-direction: row-reverse;
-	}
+.link-parent {
+	flex-direction: row-reverse;
+	margin: 0 0 0 2rem;
 }
 
 .logo {
 	height: 100%;
-	width: 100%;
-	max-width: 20rem;
+	max-width: 100%;
 	object-fit: contain;
-	object-position: 0 50%;
+}
+
+.logo-child {
+	height: 2.5rem;
+}
+
+.logo-parent,
+.favicon {
+	height: 1.5rem;
 }
 
 .name {
@@ -191,11 +215,23 @@ export default {
 	display: flex;
 	align-items: center;
 	padding: 0;
+	margin: 0;
 	white-space: nowrap;
 	font-size: 1.5rem;
 }
 
-.logo-parent {
-	object-position: 100% 50%;
+.favicon {
+	display: none;
+}
+
+@media(max-width: $breakpoint0) {
+	.logo-parent,
+	.link-child .icon {
+		display: none;
+	}
+
+	.favicon {
+		display: inline-block;
+	}
 }
 </style>

assets/components/entities/tile.vue

@@ -6,7 +6,7 @@
 	>
 		<template v-if="entity.hasLogo">
 			<img
-				v-if="entity.type === 'network'"
+				v-if="entity.type === 'network' || entity.independent"
 				:src="`/img/logos/${entity.slug}/thumbs/network.png`"
 				:alt="entity.name"
 				class="logo"