feat: colour code sections

This commit is contained in:
Timothy J. Baek 2024-02-23 00:59:48 -08:00
parent d5005e39de
commit 5076700b3f

View file

@ -23,7 +23,7 @@
<div class="px-5 py-4 dark:text-gray-300"> <div class="px-5 py-4 dark:text-gray-300">
<div class="flex justify-between items-start"> <div class="flex justify-between items-start">
<div class="text-xl font-bold"> <div class="text-xl font-bold">
{WEBUI_NAME} Whats New in {WEBUI_NAME}
<!-- <Confetti x={[-1, -0.25]} y={[0, 0.5]} /> --> <!-- <Confetti x={[-1, -0.25]} y={[0, 0.5]} /> -->
</div> </div>
<button <button
@ -61,8 +61,20 @@
</div> </div>
{#each Object.keys(changelog[version]).filter((section) => section !== 'date') as section} {#each Object.keys(changelog[version]).filter((section) => section !== 'date') as section}
<div class="text-lg"> <div class="">
<div class="font-bold capitalize">{section}</div> <div
class="font-bold capitalize text-xs {section === 'added'
? 'text-white bg-blue-500'
: section === 'fixed'
? 'text-white bg-green-500'
: section === 'changed'
? 'text-white bg-yellow-500'
: section === 'removed'
? 'text-white bg-red-500'
: ''} w-fit px-3 rounded-full my-3"
>
{section}
</div>
<div class="my-2"> <div class="my-2">
{#each Object.keys(changelog[version][section]) as item} {#each Object.keys(changelog[version][section]) as item}