#107 - new layout ok

This commit is contained in:
Simon Cambier
2023-02-11 10:42:01 +01:00
parent e9c3e9414e
commit 48c9efcedc
2 changed files with 16 additions and 13 deletions

View File

@@ -28,10 +28,12 @@
align-items: center; align-items: center;
display: flex; display: flex;
gap: 5px; gap: 5px;
color: var(--text-muted);
} }
.omnisearch-result__counter { .omnisearch-result__counter {
font-size: 0.7rem; font-size: 0.7rem;
color: var(--text-muted);
} }
.omnisearch-result__body { .omnisearch-result__body {
@@ -45,6 +47,7 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
color: var(--text-muted); color: var(--text-muted);
margin-left: 0.5em;
} }
.omnisearch-result__image-container { .omnisearch-result__image-container {

View File

@@ -62,27 +62,27 @@
on:click on:click
on:mousemove on:mousemove
selected="{selected}"> selected="{selected}">
<div style="flex-grow: 1;"> <div>
<div class="omnisearch-result__title-container"> <div class="omnisearch-result__title-container">
<span class="omnisearch-result__title"> <span class="omnisearch-result__title">
<!-- <span bind:this="{filePathIcon}"></span>--> <!-- <span bind:this="{filePathIcon}"></span>-->
<span>{@html title.replace(reg, highlighter)}</span> <span>{@html title.replace(reg, highlighter)}</span>
<!-- Counter --> <!-- Counter -->
<!--{#if note.matches.length > 0}--> {#if note.matches.length > 0}
<!-- <span class="omnisearch-result__counter">--> <span class="omnisearch-result__counter">
<!-- {note.matches.length}&nbsp;{note.matches.length > 1--> {note.matches.length}&nbsp;{note.matches.length > 1
<!-- ? 'matches'--> ? 'matches'
<!-- : 'match'}--> : 'match'}
<!-- </span>--> </span>
<!--{/if}--> {/if}
</span> </span>
</div>
<!-- Folder path --> <!-- Folder path -->
<div class="omnisearch-result__folder-path"> <div class="omnisearch-result__folder-path">
<span bind:this="{folderPathIcon}"></span> <span bind:this="{folderPathIcon}"></span>
<span>{notePath}</span> <span>{notePath}</span>
</div>
</div> </div>
<div style="display: flex; flex-direction: row;"> <div style="display: flex; flex-direction: row;">