assets/components/actors/actors.vue

@@ -123,6 +123,12 @@
 			</ul>
 		</nav>
 
+		<Pagination
+			ref="pagination"
+			:items-total="totalCount"
+			:items-per-page="limit"
+		/>
+
 		<div class="tiles">
 			<Actor
 				v-for="actor in actors"
@@ -377,7 +383,9 @@ export default {
 }
 
 .filter-section {
-	margin: 0 0 .5rem 0;
+	&:not(:last-child) {
+		margin: 0 0 .5rem 0;
+	}
 }
 
 .filter-label {
@@ -404,12 +412,8 @@ export default {
 			color: var(--enabled);
 		}
 
-		.range-toggle {
-			background: radial-gradient(circle, var(--shadow-hint) .75rem, var(--enabled-background) calc(.75rem + 1px));
-
-			&::-webkit-slider-thumb {
-				background: var(--enabled);
-			}
+		.range-toggle::-webkit-slider-thumb {
+			background: var(--enabled);
 		}
 	}
 
@@ -418,12 +422,8 @@ export default {
 			color: var(--disabled);
 		}
 
-		.range-toggle {
-			background: radial-gradient(circle, var(--shadow-hint) .75rem, var(--disabled-background) calc(.75rem + 1px));
-
-			&::-webkit-slider-thumb {
-				background: var(--disabled);
-			}
+		.range-toggle::-webkit-slider-thumb {
+			background: var(--disabled);
 		}
 	}
 
@@ -465,27 +465,26 @@ export default {
 .range,
 .range-toggle {
 	flex-grow: 1;
-	height: 1.5rem;
+	height: 1rem;
 	appearance: none;
-	padding: 2px;
-	border-radius: .75rem;
+	border-radius: .5rem;
 	background: var(--shadow-hint);
 	cursor: pointer;
 
 	&::-webkit-slider-thumb {
 		appearance: none;
 		background: var(--primary);
-		width: 1.5rem;
-		height: 1.5rem;
-		border-radius: .75rem;
+		width: 1rem;
+		height: 1rem;
+		border-radius: .5rem;
 	}
 }
 
 .range-toggle {
-	background: radial-gradient(circle, var(--shadow-hint) .75rem, var(--shadow-hint) calc(.75rem + 1px));
+	background: radial-gradient(circle at center, var(--shadow-weak) 0, var(--shadow-weak) .5rem, var(--shadow-hint) .5rem);
 
 	&::-webkit-slider-thumb {
-		background: var(--shadow-hint);
+		background: #aaa;
 	}
 }
 

assets/components/tooltip/tooltip.vue

@@ -3,7 +3,6 @@
 		<div
 			ref="trigger"
 			class="trigger noselect"
-			@mouseenter="toggle"
 			@click.stop="toggle"
 		>
 			<slot />

assets/css/_theme.scss

@@ -39,9 +39,7 @@ $breakpoint4: 1500px;
     --success: #5c2;
 
 	--enabled: #5c2;
-	--enabled-background: rgba(0, 255, 0, .1);
 	--disabled: #c20;
-	--disabled-background: rgba(255, 0, 0, .1);
 }
 
 .light {

assets/js/actors/actions.js

@@ -272,12 +272,15 @@ function initActorActions(store, router) {
 			|| (gender === 'all' && ' ')
 			|| `gender: { equalTo: "${gender}" }`;
 
+		const naturalBoobsFilter = (naturalBoobs && 'naturalBoobs: { equalTo: true }')
+			|| (naturalBoobs === false && 'naturalBoobs: { equalTo: false }')
+			|| '';
+
 		const { connection: { actors, totalCount } } = await graphql(`
             query Actors(
                 $limit: Int,
                 $offset: Int = 0,
                 $letter: String! = "",
-				$naturalBoobs: Boolean,
             ) {
 				connection: actorsConnection(
                     first: $limit,
@@ -290,10 +293,8 @@ function initActorActions(store, router) {
                         name: {
                             startsWith: $letter
                         }
-						naturalBoobs: {
-							equalTo: $naturalBoobs
-						}
 						${genderFilter}
+						${naturalBoobsFilter}
                     }
                 ) {
 					totalCount

package-lock.json

@@ -1,11 +1,11 @@
 {
     "name": "traxxx",
-    "version": "1.179.0",
+    "version": "1.178.0",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
-            "version": "1.179.0",
+            "version": "1.178.0",
             "license": "ISC",
             "dependencies": {
                 "@graphile-contrib/pg-order-by-related": "^1.0.0-beta.6",

package.json

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

src/web/postgraphile.js

@@ -26,7 +26,6 @@ module.exports = postgraphile(
 		graphileBuildOptions: {
 			pgOmitListSuffix: true,
 			connectionFilterRelations: true,
-			connectionFilterAllowNullInput: true,
 		},
 		appendPlugins: [
 			PgSimplifyInflectorPlugin,