components/actors/actors.vue

@@ -1,21 +1,14 @@
 <template>
 	<div class="page">
 		<Filters :results="total">
-			<div class="filter search-container">
+			<div class="filter">
-				<!-- onsearch not compatible with FF and Safari -->
 				<input
 					v-model="q"
 					type="search"
 					placeholder="Search actors"
 					class="input search"
-					@keydown.enter="search"
+					@search="search"
 				>
-
-				<Icon
-					icon="search"
-					class="search-button"
-					@click="search"
-				/>
 			</div>
 
 			<GenderFilter

components/filters/filters.vue

@@ -85,28 +85,6 @@ function toggleFilters(state) {
 	}
 }
 
-.filter.search-container {
-	display: flex;
-	align-items: stretch;
-
-	.input {
-		flex-grow: 1;
-	}
-
-	.icon {
-		height: auto;
-		display: flex;
-		align-items: center;
-		padding-left: .5rem;
-		fill: var(--shadow);
-
-		&:hover {
-			cursor: pointer;
-			fill: var(--primary);
-		}
-	}
-}
-
 .filter-mode {
 	width: 100%;
 	color: var(--shadow);

components/scenes/scenes.vue

@@ -7,21 +7,14 @@
 				v-if="showFilters"
 				:loading="loading"
 			>
-				<div class="filter search-container">
+				<div class="filter">
-					<!-- onsearch not compatible with FF and Safari -->
 					<input
 						v-model="filters.search"
 						type="search"
 						placeholder="Search scenes"
 						class="search input"
-						@keydown.enter="search"
+						@search="search"
 					>
-
-					<Icon
-						icon="search"
-						class="search-button"
-						@click="search"
-					/>
 				</div>
 
 				<TagsFilter

package-lock.json

@@ -1,11 +1,11 @@
 {
   "name": "traxxx-web",
-  "version": "0.17.12",
+  "version": "0.17.11",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "version": "0.17.12",
+      "version": "0.17.11",
       "dependencies": {
         "@brillout/json-serializer": "^0.5.8",
         "@dicebear/collection": "^7.0.5",

package.json

@@ -72,5 +72,5 @@
     "postcss-custom-media": "^10.0.2",
     "postcss-nesting": "^12.0.2"
   },
-  "version": "0.17.12"
+  "version": "0.17.11"
 }