Improve search result layout and spacing

Adjusted the search result layout and added more consistent spacing in the search results page. This makes the display cleaner and easier to read for users. 

Changes:
- Changed list styling for flex display and added a `-mr-14` class to control the layout.
- Updated spacing between elements using both `flex-col gap-6` and `mr-14` to provide more consistent separation between items.
This commit is contained in:
Nikita Galaiko 2023-03-24 08:53:22 +01:00
parent 4cc61cd8d4
commit 1ac0e9a0d4

View File

@ -82,10 +82,10 @@
{/if}
</figcaption>
<ul class="flex-auto overflow-auto">
<ul class="-mr-14 flex flex-auto flex-col gap-6 overflow-auto">
{#each $searchResults.page as { doc, deltas, filepath, highlight }}
{@const timestamp = deltas[deltas.length - 1].timestampMs}
<li class="mt-6">
<li class="mr-14">
<div class="flex flex-col gap-2">
<p class="flex justify-between text-lg">
<span>{filepath}</span>