diff --git a/assets/styles.css b/assets/styles.css index e3088a8..f163256 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -25,7 +25,6 @@ } .omnisearch-result__title > span { - } .omnisearch-result__folder-path { @@ -37,9 +36,9 @@ } .omnisearch-result__extension { - font-size: 0.7rem; - color: var(--text-muted); - } + font-size: 0.7rem; + color: var(--text-muted); +} .omnisearch-result__counter { font-size: 0.7rem; @@ -62,7 +61,7 @@ .omnisearch-result__image-container { flex-basis: 20%; - text-align: right + text-align: right; } .omnisearch-highlight { @@ -83,14 +82,27 @@ gap: 5px; } -.omnisearch-input-container>button { - margin-right: var(--size-4-3); -} - @media only screen and (max-width: 600px) { .omnisearch-input-container { flex-direction: column; } + + .omnisearch-input-container__buttons { + display: flex; + flex-direction: row; + width: 100%; + padding: 0 1em 0 1em; + gap: 1em; + } + .omnisearch-input-container__buttons > button { + flex-grow: 1; + } +} + +@media only screen and (min-width: 600px) { + .omnisearch-input-container__buttons { + margin-right: 1em; + } } .omnisearch-input-field { diff --git a/src/components/ModalInFile.svelte b/src/components/ModalInFile.svelte index 21363d9..8e63034 100644 --- a/src/components/ModalInFile.svelte +++ b/src/components/ModalInFile.svelte @@ -9,7 +9,7 @@ } from 'src/globals' import { getCtrlKeyLabel, loopIndex } from 'src/tools/utils' import { onDestroy, onMount, tick } from 'svelte' - import { MarkdownView, App } from 'obsidian' + import { MarkdownView, App, Platform } from 'obsidian' import ModalContainer from './ModalContainer.svelte' import { OmnisearchInFileModal, @@ -151,7 +151,13 @@ + initialValue="{previousQuery}"> +
+ {#if Platform.isMobile} + + {/if} +
+
{#if groupedOffsets.length && note} diff --git a/src/components/ModalVault.svelte b/src/components/ModalVault.svelte index 30ba505..750f6f7 100644 --- a/src/components/ModalVault.svelte +++ b/src/components/ModalVault.svelte @@ -1,5 +1,5 @@