diff --git a/assets/styles.css b/assets/styles.css
index e2ef8b4..a426b95 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -36,15 +36,13 @@
gap: 5px;
}
+@media only screen and (max-width: 600px) {
+ .omnisearch-input-container {
+ flex-direction: column;
+ }
+}
+
.omnisearch-input-field {
position: relative;
flex-grow: 1;
}
-
-.omnisearch-input__context {
- position: absolute;
- right: 1em;
- top: calc(50% - 0.75em);
- color: var(--text-faint);
- font-size: small;
-}
\ No newline at end of file
diff --git a/src/components/InputSearch.svelte b/src/components/InputSearch.svelte
index 2ccc568..ca6bcc7 100644
--- a/src/components/InputSearch.svelte
+++ b/src/components/InputSearch.svelte
@@ -4,7 +4,7 @@
import { createEventDispatcher, onMount, tick } from 'svelte'
export let value = ''
- export let label = ''
+ export let placeholder = ''
const dispatch = createEventDispatcher()
let elInput: HTMLInputElement
@@ -33,12 +33,8 @@
on:compositionend="{_ => toggleInputComposition(false)}"
type="text"
class="prompt-input"
- placeholder="Type to search through your notes"
+ {placeholder}
spellcheck="false" />
-
-
- {label}
-
diff --git a/src/components/ModalInFile.svelte b/src/components/ModalInFile.svelte
index 0397ba5..2355c81 100644
--- a/src/components/ModalInFile.svelte
+++ b/src/components/ModalInFile.svelte
@@ -143,7 +143,7 @@
(searchQuery = e.detail)}
- label="Omnisearch - File" />
+ placeholder="Omnisearch - File" />
{#if groupedOffsets.length && note}
diff --git a/src/components/ModalVault.svelte b/src/components/ModalVault.svelte
index e31d069..45cfa1d 100644
--- a/src/components/ModalVault.svelte
+++ b/src/components/ModalVault.svelte
@@ -171,7 +171,7 @@
+ placeholder="Omnisearch - Vault">
{#if $settings.showCreateButton}
{/if}