refac: action buttons styling

This commit is contained in:
Timothy Jaeryang Baek 2025-01-11 13:47:02 -08:00
parent 21abe43f3b
commit ccbd98dfab

View File

@ -1180,20 +1180,22 @@
type="button" type="button"
class="{isLastMessage class="{isLastMessage
? 'visible' ? 'visible'
: 'invisible group-hover:visible'} p-1.5 hover:bg-black/5 dark:hover:bg-white/5 rounded-lg dark:hover:text-white hover:text-black transition regenerate-response-button" : 'invisible group-hover:visible'} p-1.5 hover:bg-black/5 dark:hover:bg-white/5 rounded-lg dark:hover:text-white hover:text-black transition"
on:click={() => { on:click={() => {
actionMessage(action.id, message); actionMessage(action.id, message);
}} }}
> >
{#if action.icon_url} {#if action.icon_url}
<img <div class="size-4">
src={action.icon_url} <img
class="w-4 h-4 {action.icon_url.includes('svg') src={action.icon_url}
? 'dark:invert-[80%]' class="w-4 h-4 {action.icon_url.includes('svg')
: ''}" ? 'dark:invert-[80%]'
style="fill: currentColor;" : ''}"
alt={action.name} style="fill: currentColor;"
/> alt={action.name}
/>
</div>
{:else} {:else}
<Sparkles strokeWidth="2.1" className="size-4" /> <Sparkles strokeWidth="2.1" className="size-4" />
{/if} {/if}