Updated actor photos to use expand and load events with scroll component. Fixed actor description independent entity logo. Fixed unwanted actor horizontal scroll.

assets/components/actors/actor.vue

@@ -254,7 +254,7 @@
 							{{ description.text }}
 							<router-link :to="`/${description.entity.type}/${description.entity.slug}`">
 								<img
-									v-if="description.entity.type === 'network'"
+									v-if="description.entity.type === 'network' || description.entity.independent"
 									:src="`/img/logos/${description.entity.slug}/thumbs/network.png`"
 									class="description-logo"
 								>
@@ -285,16 +285,14 @@
 			<div class="actor-content">
 				<Scroll
 					v-if="actor.avatar || (actor.photos && actor.photos.length > 0)"
+					:expanded="expanded"
 					class="scroll-light"
+					@expand="(state) => expanded = state"
 				>
-					<Photos :actor="actor" />
-
-					<template v-slot:expanded>
-						<Photos
-							class="expanded"
-							:actor="actor"
-						/>
-					</template>
+					<Photos
+						:actor="actor"
+						:class="{ expanded }"
+					/>
 				</Scroll>
 
 				<FilterBar
@@ -426,14 +424,6 @@ export default {
     margin: 0 1rem 0 0;
 }
 
-.actor-inner {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    padding: 0;
-    overflow-x: auto;
-}
-
 .profile {
     background: var(--profile);
     color: var(--highlight-extreme);