assets/components/releases/releases.vue

@@ -114,7 +114,6 @@ export default {
 @media(max-width: $breakpoint-kilo) {
     .tiles {
 		grid-gap: .5rem;
-		padding: .5rem;
     }
 }
 </style>

assets/components/releases/scene-tile.vue

@@ -1,6 +1,6 @@
 <template>
 	<div
-		:id="`scene-${release.id}`"
+		:id="`${release.type}-${release.id}`"
 		:class="{ new: release.isNew }"
 		class="tile"
 	>
@@ -161,21 +161,20 @@ export default {
 
 .tile {
     background: var(--background);
-	position: relative;
     display: flex;
     flex-direction: column;
     box-sizing: border-box;
     overflow: hidden;
-    height: 100%;
     box-shadow: 0 0 3px var(--darken-weak);
+    height: 100%;
 
-	&.new::after {
-		content: '★';
+	&.new .poster::after {
+		content: 'new';
 		position: absolute;
 		top: 0;
-		left: 0;
-		padding: .1rem .25rem .1rem .15rem;
-		border-radius: 0 0 .5rem 0;
+		right: 0;
+		padding: .15rem .25rem .15rem .35rem;
+		border-radius: 0 0 0 .5rem;
 		color: var(--text-light);
 		background: var(--primary);
 		font-size: .8rem;

assets/js/router.js

@@ -191,6 +191,9 @@ const routes = [
 const router = createRouter({
 	history: createWebHistory(),
 	routes,
+	scrollBehavior(to, from, savedPosition) {
+		console.log(to, from, savedPosition);
+	},
 });
 
 export default router;

package-lock.json

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

package.json

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