chore: web colors

pull/24590/head
Alex Tran 2025-12-16 14:57:20 +00:00
parent eab35a49a2
commit a61e8c1d08
2 changed files with 3 additions and 3 deletions

View File

@ -19,7 +19,7 @@
<div class="w-full flex p-4 items-center justify-center rounded-full gap-5 bg-subtle border bg-opacity-60"> <div class="w-full flex p-4 items-center justify-center rounded-full gap-5 bg-subtle border bg-opacity-60">
<button type="button" class={disabled ? 'cursor-not-allowed' : ''} onclick={onFavorite} {disabled}> <button type="button" class={disabled ? 'cursor-not-allowed' : ''} onclick={onFavorite} {disabled}>
<div class="flex gap-2 items-center justify-center"> <div class="flex gap-2 items-center justify-center">
<Icon icon={isLiked ? mdiThumbUp : mdiThumbUpOutline} size="24" class={isLiked ? 'text-blue-400' : 'text-fg'} /> <Icon icon={isLiked ? mdiThumbUp : mdiThumbUpOutline} size="24" class={isLiked ? 'text-primary' : 'text-fg'} />
{#if numberOfLikes} {#if numberOfLikes}
<div class="text-l">{numberOfLikes.toLocaleString($locale)}</div> <div class="text-l">{numberOfLikes.toLocaleString($locale)}</div>
{/if} {/if}

View File

@ -181,7 +181,7 @@
{:else if reaction.type === ReactionType.Like} {:else if reaction.type === ReactionType.Like}
<div class="relative"> <div class="relative">
<div class="flex py-3 ps-3 mt-3 gap-4 items-center text-sm"> <div class="flex py-3 ps-3 mt-3 gap-4 items-center text-sm">
<div class="text-blue-600"><Icon icon={mdiThumbUp} size="20" /></div> <div class="text-primary"><Icon icon={mdiThumbUp} size="20" /></div>
<div class="w-full" title={`${reaction.user.name} (${reaction.user.email})`}> <div class="w-full" title={`${reaction.user.name} (${reaction.user.email})`}>
{$t('user_liked', { {$t('user_liked', {
@ -254,7 +254,7 @@
shortcut: { key: 'Enter' }, shortcut: { key: 'Enter' },
onShortcut: () => handleSendComment(), onShortcut: () => handleSendComment(),
}} }}
class="h-[18px] {disabled class="h-4.5 {disabled
? 'cursor-not-allowed' ? 'cursor-not-allowed'
: ''} w-full max-h-56 pe-2 items-center overflow-y-auto leading-4 outline-none resize-none bg-gray-200" : ''} w-full max-h-56 pe-2 items-center overflow-y-auto leading-4 outline-none resize-none bg-gray-200"
></textarea> ></textarea>