assets/components/container/container.vue

@@ -121,7 +121,7 @@ export default {
 	}
 }
 
-.slide-enter-from,
+.slide-enter,
 .slide-leave-to {
 	&.sidebar-container {
 		background: transparent;

assets/components/tags/photos.vue

@@ -10,11 +10,9 @@
 		>
 			<img
 				:src="`/img/${poster.thumbnail}`"
-				:style="{ 'background-image': `url(/img/${poster.lazy})` }"
 				:alt="tag.poster.comment"
 				class="poster"
-				loading="lazy"
+				@load="$parent.$emit('load')"
-				@load="$emit('load', $event)"
 			>
 
 			<span
@@ -34,10 +32,9 @@
 		>
 			<img
 				:src="`/img/${photo.thumbnail}`"
-				:style="{ 'background-image': `url(/img/${photo.thumbnail})` }"
 				:alt="photo.comment"
 				class="photo"
-				@load="$emit('load', $event)"
+				@load="$parent.$emit('load')"
 			>
 
 			<span
@@ -72,7 +69,6 @@ export default {
 			default: null,
 		},
 	},
-	emits: ['load'],
 	computed: {
 		poster,
 		photos,
@@ -83,9 +79,12 @@ export default {
 <style lang="scss" scoped>
 .photos {
 	width: 100%;
-	padding: .5rem 1rem 0 1rem;
+	padding: .5rem 1rem 0 .5rem;
 	box-sizing: border-box;
+	overflow-x: auto;
 	white-space: nowrap;
+    scrollbar-width: none;
+	scroll-behavior: smooth;
     font-size: 0;
 
     &::-webkit-scrollbar {
@@ -113,10 +112,9 @@ export default {
 	display: inline-block;
 	position: relative;
 	overflow: hidden;
-	margin: 0 .5rem 0 0;
 
-	&:last-child {
+	&:not(:last-child) {
-		margin: 0 1rem 0 0;
+		margin: 0 .5rem 0 0;
 	}
 
 	&:hover .photo-comment {
@@ -129,9 +127,6 @@ export default {
 	max-height: 15rem;
 	max-width: 100%;
 	box-shadow: 0 0 3px var(--shadow-weak);
-	object-fit: cover;
-	background-position: center;
-	background-size: cover;
 }
 
 .photo-comment {

assets/components/tags/tag.vue

@@ -19,7 +19,6 @@
 
 			<Scroll
 				v-if="hasMedia"
-				v-slot="scroll"
 				:expanded="expanded"
 				class="scroll-light"
 				@expand="(state) => expanded = state"
@@ -27,7 +26,6 @@
 				<Photos
 					:tag="tag"
 					:class="{ expanded }"
-					@load="scroll.loaded"
 				/>
 			</Scroll>
 
@@ -161,8 +159,4 @@ export default {
 	color: var(--text-light);
 	background: var(--profile);
 }
-
-.scroll {
-	background: var(--background-dim);
-}
 </style>

assets/js/tags/actions.js

@@ -37,13 +37,11 @@ function initTagsActions(store, _router) {
                         media {
                             id
                             thumbnail
-							lazy
                             path
                             comment
                             sfw: sfwMedia {
                                 id
                                 thumbnail
-								lazy
                                 path
                                 comment
                             }

package-lock.json

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

package.json

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