1.180.3

assets/components/form/range.vue

@@ -12,6 +12,7 @@
 			class="range"
 			:class="{ disabled }"
 			:style="{ background: `linear-gradient(90deg, var(--slider-track) ${minPercentage}%, var(--slider-range) ${minPercentage}%, var(--slider-range) ${maxPercentage}%, var(--slider-track) ${maxPercentage}%)` }"
+			@click="setNearest"
 		>
 			<input
 				v-model="valueA"
@@ -72,6 +73,15 @@ function emit() {
 	this.$emit('change', [this.minValue, this.maxValue]);
 }
 
+function setNearest(event) {
+	if (!this.disabled) {
+		const closestValue = Math.round((event.offsetX / event.target.getBoundingClientRect().width) * this.max);
+		const closestSlider = Math.abs(this.valueA - closestValue) < Math.abs(this.valueB - closestValue) ? 'valueA' : 'valueB';
+
+		this[closestSlider] = closestValue;
+	}
+}
+
 function setValue(prop, value) {
 	if (!this.disabled) {
 		this[prop] = value;
@@ -124,6 +134,7 @@ export default {
 	},
 	methods: {
 		emit,
+		setNearest,
 		setValue,
 	},
 };

package-lock.json

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

package.json

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