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}