tdpeuter/open-webui
tdpeuter/open-webui
1
Fork 0
forked from open-webui/open-webui
Code Issues Pull requests 1 Releases 2 Packages Activity Actions

fix: styling

Browse source
This commit is contained in:
Timothy J. Baek 2024-02-23 01:31:28 -08:00
parent 9523ecb87f
commit 476e8f002f
1 changed files with 35 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/lib/components/ChangelogModal.svelte
View file

@ -60,7 +60,8 @@
<div class="mb-3"> <div class="mb-3">
{#if changelog} {#if changelog}
{#each Object.keys(changelog) as version} {#each Object.keys(changelog) as version}
<div class="font-bold text-xl mb-1"> <div class=" mb-3 pr-2">
<div class="font-bold text-xl mb-1 dark:text-white">
v{version} - {changelog[version].date} v{version} - {changelog[version].date}
</div> </div>
@ -69,7 +70,7 @@
{#each Object.keys(changelog[version]).filter((section) => section !== 'date') as section} {#each Object.keys(changelog[version]).filter((section) => section !== 'date') as section}
<div class=""> <div class="">
<div <div
class="font-bold capitalize text-xs {section === 'added' class="font-bold uppercase text-xs {section === 'added'
? 'text-white bg-blue-600' ? 'text-white bg-blue-600'
: section === 'fixed' : section === 'fixed'
? 'text-white bg-green-600' ? 'text-white bg-green-600'
@ -77,7 +78,7 @@
? 'text-white bg-yellow-600' ? 'text-white bg-yellow-600'
: section === 'removed' : section === 'removed'
? 'text-white bg-red-600' ? 'text-white bg-red-600'
: ''} w-fit px-3 rounded-full my-3" : ''} w-fit px-3 rounded-full my-2"
> >
{section} {section}
</div> </div>
@ -85,15 +86,16 @@
<div class="my-1.5 px-1.5"> <div class="my-1.5 px-1.5">
{#each Object.keys(changelog[version][section]) as item} {#each Object.keys(changelog[version][section]) as item}
<div class="text-sm mb-2"> <div class="text-sm mb-2">
<div class="font-semibold"> <div class="font-semibold uppercase">
{changelog[version][section][item].title} {changelog[version][section][item].title}
</div> </div>
<div class="my-1.5">{changelog[version][section][item].content}</div> <div class="mb-2 mt-1">{changelog[version][section][item].content}</div>
</div> </div>
{/each} {/each}
</div> </div>
</div> </div>
{/each} {/each}
</div>
{/each} {/each}
{/if} {/if}
</div> </div>