Hiding low-entropy photos from actor page. Fixed actors filter tab spacing. Fixed entity logo stretching on compact scene page.

components/actors/actors.vue

@@ -281,7 +281,7 @@ function updateFilter(prop, value, reload = true) {
 .actors-header {
 	display: flex;
 	align-items: center;
-	padding: .5rem 0 .25rem 2.25rem;
+	padding: .5rem 0 .5rem 3rem;
 	margin-bottom: .25rem;
 }
 

pages/actors/@actorId/+Page.vue

@@ -37,10 +37,10 @@
 
 			<div
 				class="photos nobar"
-				:class="{ 'has-avatar': actor.avatar, 'has-photos': actor.avatar ? actor.photos.length > 1 : actor.photos.length > 0 }"
+				:class="{ 'has-avatar': actor.avatar, 'has-photos': actor.avatar ? photos.length > 1 : photos.length > 0 }"
 			>
 				<div
-					v-for="photo in actor.photos"
+					v-for="photo in photos"
 					:key="`photo-${photo.id}`"
 					class="photo-container"
 					:class="{ avatar: photo.isAvatar }"
@@ -92,6 +92,8 @@ const { pageProps, routeParams } = pageContext;
 const { actor } = pageProps;
 
 const domain = routeParams.domain;
+
+const photos = actor.photos.filter((photo) => !photo.entropy ||	photo.entropy > 5.5);
 </script>
 
 <style scoped>

pages/scene/+Page.vue

@@ -774,7 +774,7 @@ function copySummary() {
 	}
 
 	.entity-logo {
-		width: 7.5rem;
+		max-width: 7.5rem;
 	}
 }
 

src/actors.js

@@ -183,6 +183,7 @@ export function sortActorsByGender(actors, context = {}) {
 	const genderActors = ['transsexual', 'female', undefined, null, 'male'].flatMap((gender) => alphaActors.filter((actor) => actor.gender === gender));
 
 	const titleSlug = slugify(context.title);
+
 	const titleActors = titleSlug ? genderActors.sort((actorA, actorB) => {
 		const actorASlug = actorA.slug.split('-')[0];
 		const actorBSlug = actorB.slug.split('-')[0];

src/media.js

@@ -18,6 +18,7 @@ export function curateMedia(media, context = {}) {
 		height: media.height,
 		index: media.index,
 		sharpness: media.sharpness,
+		entropy: media.entropy,
 		credit: media.credit,
 		mime: mime && {
 			type: mime[0],