Using keydown instead of search event in filters for browser compatability, added search button.

2024-04-02 03:13:15 +02:00
parent 815cc7694a
commit 17c10df1e8
3 changed files with 40 additions and 4 deletions
--- a/components/filters/filters.vue
+++ b/components/filters/filters.vue
@@ -85,6 +85,28 @@ 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);