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

fix: improve contrast in HypaV3 modal

Browse Source
This commit is contained in:
Bo26fhmC5M
2025-01-21 09:17:03 +09:00
parent 463dcc66b1
commit 9877931d1e
1 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/lib/Others/HypaV3Modal.svelte
View File

@@ -10,7 +10,6 @@
ScissorsLineDashed, ScissorsLineDashed,
CheckIcon, CheckIcon,
} from "lucide-svelte"; } from "lucide-svelte";
import TextAreaInput from "../../lib/UI/GUI/TextAreaInput.svelte";
import { import {
alertConfirm, alertConfirm,
alertNormalWait, alertNormalWait,
@@ -617,7 +616,7 @@
No summaries yet, but you may convert HypaV2 data to V3. No summaries yet, but you may convert HypaV2 data to V3.
</div> </div>
<button <button
class="my-1 sm:my-2 px-4 py-2 rounded-md text-zinc-300 font-semibold bg-zinc-700 hover:bg-zinc-600 transition-colors" class="my-1 sm:my-2 px-4 py-2 rounded-md text-zinc-300 font-semibold bg-zinc-700 hover:bg-zinc-500 transition-colors"
onclick={async () => { onclick={async () => {
const conversionResult = convertHypaV2ToV3(); const conversionResult = convertHypaV2ToV3();
@@ -671,7 +670,7 @@
<!-- Important Button --> <!-- Important Button -->
<button <button
class="p-2 hover:text-zinc-200 transition-colors {summary.isImportant class="p-2 hover:text-zinc-200 transition-colors {summary.isImportant
? 'text-yellow-500' ? 'text-yellow-400'
: 'text-zinc-400'}" : 'text-zinc-400'}"
onclick={() => { onclick={() => {
summary.isImportant = !summary.isImportant; summary.isImportant = !summary.isImportant;
@@ -713,7 +712,7 @@
<!-- Original Summary --> <!-- Original Summary -->
<div class="mt-2 sm:mt-4"> <div class="mt-2 sm:mt-4">
<textarea <textarea
class="p-2 sm:p-4 w-full min-h-40 sm:min-h-56 resize-vertical rounded border border-zinc-700 focus:outline-none focus:ring-2 focus:ring-zinc-600 transition-colors text-zinc-200 bg-zinc-900" class="p-2 sm:p-4 w-full min-h-40 sm:min-h-56 resize-vertical rounded border border-zinc-700 focus:outline-none focus:ring-2 focus:ring-zinc-500 transition-colors text-zinc-200 bg-zinc-900"
bind:value={summary.text} bind:value={summary.text}
> >
</textarea> </textarea>
@@ -784,7 +783,7 @@
<!-- Rerolled Summary --> <!-- Rerolled Summary -->
<div class="mt-2 sm:mt-4"> <div class="mt-2 sm:mt-4">
<textarea <textarea
class="p-2 sm:p-4 w-full min-h-40 sm:min-h-56 resize-vertical rounded border border-zinc-700 focus:outline-none focus:ring-2 focus:ring-zinc-600 transition-colors text-zinc-200 bg-zinc-900" class="p-2 sm:p-4 w-full min-h-40 sm:min-h-56 resize-vertical rounded border border-zinc-700 focus:outline-none focus:ring-2 focus:ring-zinc-500 transition-colors text-zinc-200 bg-zinc-900"
bind:value={summaryUIStates[i].rerolledText} bind:value={summaryUIStates[i].rerolledText}
> >
</textarea> </textarea>
@@ -836,7 +835,7 @@
<div class="flex flex-wrap mt-2 sm:mt-4 gap-2"> <div class="flex flex-wrap mt-2 sm:mt-4 gap-2">
{#each summary.chatMemos as chatMemo} {#each summary.chatMemos as chatMemo}
<button <button
class="px-3 py-2 rounded-full text-xs text-zinc-200 hover:bg-zinc-800 transition-colors bg-zinc-900 {isMessageExpanded( class="px-3 py-2 rounded-full text-xs text-zinc-200 hover:bg-zinc-700 transition-colors bg-zinc-900 {isMessageExpanded(
i, i,
chatMemo chatMemo
) )
@@ -867,11 +866,11 @@
value={expandedMessage.data} value={expandedMessage.data}
></textarea> ></textarea>
{:else} {:else}
<span class="text-sm text-red-500">Message not found</span <span class="text-sm text-red-400">Message not found</span
> >
{/if} {/if}
{:catch error} {:catch error}
<span class="text-sm text-red-500" <span class="text-sm text-red-400"
>Error loading expanded message: {error.message}</span >Error loading expanded message: {error.message}</span
> >
{/await} {/await}
@@ -918,10 +917,10 @@
value={nextMessage.data} value={nextMessage.data}
></textarea> ></textarea>
{:else} {:else}
<span class="text-sm text-red-500">WARN: No messages found</span> <span class="text-sm text-red-400">WARN: No messages found</span>
{/if} {/if}
{:catch error} {:catch error}
<span class="text-sm text-red-500" <span class="text-sm text-red-400"
>Error loading next message: {error.message}</span >Error loading next message: {error.message}</span
> >
{/await} {/await}
@@ -930,7 +929,7 @@
<!-- No First Message --> <!-- No First Message -->
{#if !getFirstMessage()} {#if !getFirstMessage()}
<div class="mt-2 sm:mt-4"> <div class="mt-2 sm:mt-4">
<span class="text-sm text-red-500" <span class="text-sm text-red-400"
>WARN: Selected first message is empty</span >WARN: Selected first message is empty</span
> >
</div> </div>