tanner/obsidian-tannersearch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

#97 - Fixing layout

Browse Source
This commit is contained in:
Simon Cambier
2022-09-20 12:52:04 +02:00
parent 3bd4a2cc83
commit d09dd23bc8
3 changed files with 38 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/ModalInFile.svelte
View File

@@ -141,23 +141,28 @@
</script>
<div class="modal-title">Omnisearch - File</div>
<InputSearch value={searchQuery} on:input={e => (searchQuery = e.detail)} />
<div class="modal-content">
<InputSearch value={searchQuery} on:input={e => (searchQuery = e.detail)} />
<ModalContainer>
{#if groupedOffsets.length && note}
{#each groupedOffsets as offset, i}
<ResultItemInFile
{offset}
{note}
index={i}
selected={i === selectedIndex}
on:mousemove={e => (selectedIndex = i)}
on:click={openSelection} />
{/each}
{:else}
<div style="text-align: center;">
We found 0 result for your search here.
</div>
{/if}
</ModalContainer>
</div>
<ModalContainer>
{#if groupedOffsets.length && note}
{#each groupedOffsets as offset, i}
<ResultItemInFile
{offset}
{note}
index={i}
selected={i === selectedIndex}
on:mousemove={e => (selectedIndex = i)}
on:click={openSelection} />
{/each}
{:else}
<center> We found 0 result for your search here. </center>
{/if}
</ModalContainer>
<div class="prompt-instructions">
<div class="prompt-instruction">
<span class="prompt-instruction-command">↑↓</span><span>to navigate</span>

28
src/components/ModalVault.svelte
View File

@@ -181,20 +181,22 @@
</script>
<div class="modal-title">Omnisearch - Vault</div>
<InputSearch value={searchQuery} on:input={e => (searchQuery = e.detail)} />
<div class="modal-content">
<InputSearch value={searchQuery} on:input={e => (searchQuery = e.detail)} />
<ModalContainer>
{#each resultNotes as result, i}
<ResultItemVault
selected={i === selectedIndex}
note={result}
on:mousemove={e => (selectedIndex = i)}
on:click={onClick} />
{/each}
{#if !resultNotes.length && searchQuery}
<center> We found 0 result for your search here. </center>
{/if}
</ModalContainer>
<ModalContainer>
{#each resultNotes as result, i}
<ResultItemVault
selected={i === selectedIndex}
note={result}
on:mousemove={e => (selectedIndex = i)}
on:click={onClick} />
{/each}
{#if !resultNotes.length && searchQuery}
<center> We found 0 result for your search here. </center>
{/if}
</ModalContainer>
</div>
<div class="prompt-instructions">
<div class="prompt-instruction">