mincomk/risuai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change button hover color from green to blue in Chat.svelte

Browse Source
This commit is contained in:
kwaroran
2024-11-02 04:04:45 +09:00
parent 42f534e6dd
commit 4fb1caa1bc
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/lib/ChatScreens/Chat.svelte
View File

@@ -250,7 +250,7 @@
<div class="flex-grow flex items-center justify-end" class:text-textcolor2={options?.applyTextColors !== false}> <div class="flex-grow flex items-center justify-end" class:text-textcolor2={options?.applyTextColors !== false}>
<span class="text-xs">{statusMessage}</span> <span class="text-xs">{statusMessage}</span>
{#if DBState.db.useChatCopy && !blankMessage} {#if DBState.db.useChatCopy && !blankMessage}
<button class="ml-2 hover:text-green-500 transition-colors" onclick={()=>{ <button class="ml-2 hover:text-blue-500 transition-colors" onclick={()=>{
window.navigator.clipboard.writeText(msgDisplay).then(() => { window.navigator.clipboard.writeText(msgDisplay).then(() => {
setStatusMessage(language.copied) setStatusMessage(language.copied)
}) })
@@ -260,7 +260,7 @@
{/if} {/if}
{#if idx > -1} {#if idx > -1}
{#if DBState.db.characters[$selectedCharID].type !== 'group' && DBState.db.characters[$selectedCharID].ttsMode !== 'none' && (DBState.db.characters[$selectedCharID].ttsMode)} {#if DBState.db.characters[$selectedCharID].type !== 'group' && DBState.db.characters[$selectedCharID].ttsMode !== 'none' && (DBState.db.characters[$selectedCharID].ttsMode)}
<button class="ml-2 hover:text-green-500 transition-colors" onclick={()=>{ <button class="ml-2 hover:text-blue-500 transition-colors" onclick={()=>{
return sayTTS(null, message) return sayTTS(null, message)
}}> }}>
<Volume2Icon size={20}/> <Volume2Icon size={20}/>
@@ -268,7 +268,7 @@
{/if} {/if}
{#if !$ConnectionOpenStore} {#if !$ConnectionOpenStore}
<button class={"ml-2 hover:text-green-500 transition-colors "+(editMode?'text-green-400':'')} onclick={() => { <button class={"ml-2 hover:text-blue-500 transition-colors "+(editMode?'text-blue-400':'')} onclick={() => {
if(!editMode){ if(!editMode){
editMode = true editMode = true
} }
@@ -279,13 +279,13 @@
}}> }}>
<PencilIcon size={20}/> <PencilIcon size={20}/>
</button> </button>
<button class="ml-2 hover:text-green-500 transition-colors" onclick={(e) => rm(e, false)} use:longpress={(e) => rm(e, true)}> <button class="ml-2 hover:text-blue-500 transition-colors" onclick={(e) => rm(e, false)} use:longpress={(e) => rm(e, true)}>
<TrashIcon size={20}/> <TrashIcon size={20}/>
</button> </button>
{/if} {/if}
{/if} {/if}
{#if DBState.db.translator !== '' && !blankMessage} {#if DBState.db.translator !== '' && !blankMessage}
<button class={"ml-2 cursor-pointer hover:text-green-500 transition-colors " + (translated ? 'text-green-400':'')} class:translating={translating} onclick={async () => { <button class={"ml-2 cursor-pointer hover:text-blue-500 transition-colors " + (translated ? 'text-blue-400':'')} class:translating={translating} onclick={async () => {
translated = !translated translated = !translated
}}> }}>
<LanguagesIcon /> <LanguagesIcon />
@@ -293,14 +293,14 @@
{/if} {/if}
{#if rerollIcon || altGreeting} {#if rerollIcon || altGreeting}
{#if DBState.db.swipe || altGreeting} {#if DBState.db.swipe || altGreeting}
<button class="ml-2 hover:text-green-500 transition-colors" onclick={unReroll}> <button class="ml-2 hover:text-blue-500 transition-colors" onclick={unReroll}>
<ArrowLeft size={22}/> <ArrowLeft size={22}/>
</button> </button>
<button class="ml-2 hover:text-green-500 transition-colors" onclick={onReroll}> <button class="ml-2 hover:text-blue-500 transition-colors" onclick={onReroll}>
<ArrowRight size={22}/> <ArrowRight size={22}/>
</button> </button>
{:else} {:else}
<button class="ml-2 hover:text-green-500 transition-colors" onclick={onReroll}> <button class="ml-2 hover:text-blue-500 transition-colors" onclick={onReroll}>
<RefreshCcwIcon size={20}/> <RefreshCcwIcon size={20}/>
</button> </button>
{/if} {/if}