refac: styling

This commit is contained in:
Timothy J. Baek
2024-05-06 16:16:26 -07:00
parent 4c6567c46f
commit e70cdf118b
2 changed files with 454 additions and 475 deletions
@@ -23,7 +23,7 @@
<Modal size="lg" bind:show>
<div>
<div class=" flex justify-between dark:text-gray-300 px-5 py-4">
<div class=" flex justify-between dark:text-gray-300 px-5 pt-4">
<div class=" text-lg font-medium self-center capitalize">
{$i18n.t('Citation')}
</div>
@@ -45,12 +45,10 @@
</svg>
</button>
</div>
<hr class=" dark:border-gray-850" />
<div class="flex flex-col w-full px-5 py-4 dark:text-gray-200 overflow-y-scroll max-h-[22rem]">
{#each mergedDocuments as document}
{#each mergedDocuments as document, documentIdx}
<div class="flex flex-col w-full">
<div class="text-lg font-medium dark:text-gray-300">
<div class=" font-medium dark:text-gray-300">
{$i18n.t('Source')}
</div>
<div class="text-sm dark:text-gray-400">
@@ -58,14 +56,17 @@
</div>
</div>
<div class="flex flex-col w-full">
<div class="text-lg font-medium dark:text-gray-300">
<div class=" font-medium dark:text-gray-300">
{$i18n.t('Content')}
</div>
<pre class="text-sm dark:text-gray-400">
{document.document}
</pre>
</div>
<hr class=" dark:border-gray-850" />
{#if documentIdx !== mergedDocuments.length - 1}
<hr class=" dark:border-gray-850" />
{/if}
{/each}
</div>
</div>