assets/components/actors/actor.vue

@@ -318,14 +318,13 @@
 			<div class="actor-content">
 				<Scroll
 					v-if="actor.avatar || (actor.photos && actor.photos.length > 0)"
-					v-slot="scroll"
 					:expanded="photosExpanded"
+					class="scroll-light"
 					@expand="(state) => photosExpanded = state"
 				>
 					<Photos
 						:actor="actor"
 						:class="{ expanded: photosExpanded }"
-						@load="scroll.loaded"
 					/>
 				</Scroll>
 
@@ -684,6 +683,10 @@ export default {
     margin: 0 0 1rem 0;
 }
 
+.photos {
+	background: var(--background-dim);
+}
+
 .profile-social {
     display: none;
 }
@@ -693,7 +696,6 @@ export default {
 }
 
 .scroll {
-	background: var(--background-dim);
 	border-bottom: solid 1px var(--shadow-hint);
 }
 

assets/components/actors/photos.vue

@@ -19,7 +19,7 @@
 				:title="actor.avatar.credit && `© ${actor.avatar.credit}`"
 				loading="lazy"
 				class="avatar photo"
-				@load="$emit('load', $event)"
+				@load="$parent.$emit('load')"
 			>
 		</a>
 
@@ -37,7 +37,7 @@
 				:title="`© ${photo.credit || photo.entity.name}`"
 				loading="lazy"
 				class="photo"
-				@load="$emit('load', $event)"
+				@load="$parent.$emit('load')"
 			>
 		</a>
 	</div>
@@ -59,7 +59,6 @@ export default {
 			default: null,
 		},
 	},
-	emits: ['load'],
 	computed: {
 		sfw,
 		photos,
@@ -74,6 +73,7 @@ export default {
     display: flex;
 	box-sizing: border-box;
 	padding: .5rem 1rem;
+	margin: 0 1rem 0 0;
     font-size: 0;
 
 	&.expanded {
@@ -100,11 +100,7 @@ export default {
 }
 
 .photo-link {
-	padding: 0 .5rem 0 0;
+	margin: 0 .5rem 0 0;
-
-	&:last-child {
-		padding: 0 1rem 0 0;
-	}
 }
 
 .photo {

assets/components/scroll/scroll.vue

@@ -84,7 +84,7 @@ function mounted() {
 	this.updateScroll();
 }
 
-function beforeUnmount() {
+function beforeDestroy() {
 	this.$refs.content.removeEventListener('scroll', this.updateScroll);
 
 	window.removeEventListener('resize', this.updateScroll);
@@ -121,7 +121,7 @@ export default {
 	},
 	mounted,
 	updated,
-	beforeUnmount,
+	beforeDestroy,
 	methods: {
 		scroll,
 		loaded,
@@ -133,13 +133,17 @@ export default {
 <style lang="scss" scoped>
 @import 'theme';
 
-.scroll.expanded {
+.scroll {
+	background: var(--profile);
+
+	&.expanded {
 		padding: 0;
 
 		.scroll {
 			display: none;
 		}
 	}
+}
 
 .scrollable {
 	position: relative;

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.149.6",
+    "version": "1.149.5",
     "lockfileVersion": 1,
     "requires": true,
     "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.149.6",
+    "version": "1.149.5",
     "description": "All the latest porn releases in one place",
     "main": "src/app.js",
     "scripts": {

src/actors.js

@@ -348,24 +348,24 @@ async function curateProfile(profile, actor) {
 		curatedProfile.penisGirth = Number(profile.penisGirth) || profile.penisGirth?.match?.(/\d+/)?.[0] || null;
 
 		curatedProfile.circumcised = (typeof profile.circumcised === 'boolean' && profile.circumcised)
-			?? (/yes/i.test(profile.circumcised) && true)
+			|| (/yes/i.test(profile.circumcised) && true)
-			?? (/no/i.test(profile.circumcised) && false)
+			|| (/no/i.test(profile.circumcised) && false)
-			?? null;
+			|| null;
 
 		curatedProfile.naturalBoobs = (typeof profile.naturalBoobs === 'boolean' && profile.naturalBoobs)
-			?? (/yes/i.test(profile.naturalBoobs) && true)
+			|| (/yes/i.test(profile.naturalBoobs) && true)
-			?? (/no/i.test(profile.naturalBoobs) && false)
+			|| (/no/i.test(profile.naturalBoobs) && false)
-			?? null;
+			|| null;
 
 		curatedProfile.hasTattoos = (typeof profile.hasTattoos === 'boolean' && profile.hasTattoos)
-			?? (/yes/i.test(profile.hasTattoos) && true)
+			|| (/yes/i.test(profile.hasTattoos) && true)
-			?? (/no/i.test(profile.hasTattoos) && true)
+			|| (/no/i.test(profile.hasTattoos) && true)
-			?? null;
+			|| null;
 
 		curatedProfile.hasPiercings = (typeof profile.hasPiercings === 'boolean' && profile.hasPiercings)
-			?? (/yes/i.test(profile.hasPiercings) && true)
+			|| (/yes/i.test(profile.hasPiercings) && true)
-			?? (/no/i.test(profile.hasPiercings) && true)
+			|| (/no/i.test(profile.hasPiercings) && true)
-			?? null;
+			|| null;
 
 		if (argv.resolvePlace) {
 			const [placeOfBirth, placeOfResidence] = await Promise.all([