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

[fix] textcolor

Browse Source
This commit is contained in:
kwaroran
2023-08-03 12:44:50 +09:00
parent dc1799f7fc
commit ff98951d00
1 changed files with 59 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
src/lib/Setting/Settings.svelte
View File

@@ -35,81 +35,117 @@
<button class="flex gap-2 items-center hover:text-textcolor" <button class="flex gap-2 items-center hover:text-textcolor"
class:text-textcolor={selected === 1} class:text-textcolor={selected === 1}
class:text-textcolor2={selected !== 1} class:text-textcolor2={selected !== 1}
on:click={() => { on:click={() => {
selected = 1 selected = 1
}}> }}>
<BotIcon /> <BotIcon />
<span>{language.chatBot}</span> <span>{language.chatBot}</span>
</button> </button>
{#if $DataBase.promptTemplate} {#if $DataBase.promptTemplate}
<button class="text-textcolor2 flex gap-2 items-center hover:text-textcolor" class:text-textcolor={selected === 13} on:click={() => { <button class="flex gap-2 items-center hover:text-textcolor"
class:text-textcolor={selected === 13}
class:text-textcolor2={selected !== 13}
on:click={() => {
selected = 13 selected = 13
}}> }}>
<BotIcon /> <BotIcon />
<span>{language.prompt}</span> <span>{language.prompt}</span>
</button> </button>
{/if} {/if}
<button class="text-textcolor2 flex gap-2 items-center hover:text-textcolor" class:text-textcolor={selected === 12} on:click={() => { <button class="flex gap-2 items-center hover:text-textcolor"
selected = 12 class:text-textcolor={selected === 12}
class:text-textcolor2={selected !== 12}
on:click={() => {
selected = 12
}}> }}>
<ContactIcon /> <ContactIcon />
<span>{language.persona}</span> <span>{language.persona}</span>
</button> </button>
<button class="text-textcolor2 flex gap-2 items-center hover:text-textcolor" class:text-textcolor={selected === 2} on:click={() => { <button class="flex gap-2 items-center hover:text-textcolor"
selected = 2 class:text-textcolor={selected === 2}
class:text-textcolor2={selected !== 2}
on:click={() => {
selected = 2
}}> }}>
<Sailboat /> <Sailboat />
<span>{language.otherBots}</span> <span>{language.otherBots}</span>
</button> </button>
<button class="text-textcolor2 flex gap-2 items-center hover:text-textcolor" class:text-textcolor={selected === 3} on:click={() => { <button class="flex gap-2 items-center hover:text-textcolor"
selected = 3 class:text-textcolor={selected === 3}
class:text-textcolor2={selected !== 3}
on:click={() => {
selected = 3
}}> }}>
<MonitorIcon /> <MonitorIcon />
<span>{language.display}</span> <span>{language.display}</span>
</button> </button>
<button class="text-textcolor2 flex gap-2 items-center hover:text-textcolor" class:text-textcolor={selected === 10} on:click={() => { <button class="flex gap-2 items-center hover:text-textcolor"
selected = 10 class:text-textcolor={selected === 10}
class:text-textcolor2={selected !== 10}
on:click={() => {
selected = 10
}}> }}>
<LanguagesIcon /> <LanguagesIcon />
<span>{language.language}</span> <span>{language.language}</span>
</button> </button>
<button class="text-textcolor2 flex gap-2 items-center hover:text-textcolor" class:text-textcolor={selected === 11} on:click={() => { <button class="flex gap-2 items-center hover:text-textcolor"
selected = 11 class:text-textcolor={selected === 11}
class:text-textcolor2={selected !== 11}
on:click={() => {
selected = 11
}}> }}>
<AccessibilityIcon /> <AccessibilityIcon />
<span>{language.accessibility}</span> <span>{language.accessibility}</span>
</button> </button>
<button class="text-textcolor2 flex gap-2 items-center hover:text-textcolor" class:text-textcolor={selected === 8} on:click={() => { <button class="flex gap-2 items-center hover:text-textcolor"
selected = 8 class:text-textcolor={selected === 8}
class:text-textcolor2={selected !== 8}
on:click={() => {
selected = 8
}}> }}>
<BookIcon /> <BookIcon />
<span>{language.globalLoreBook}</span> <span>{language.globalLoreBook}</span>
</button> </button>
<button class="text-textcolor2 flex gap-2 items-center hover:text-textcolor" class:text-textcolor={selected === 9} on:click={() => { <button class="flex gap-2 items-center hover:text-textcolor"
selected = 9 class:text-textcolor={selected === 9}
class:text-textcolor2={selected !== 9}
on:click={() => {
selected = 9
}}> }}>
<AlignLeft /> <AlignLeft />
<span>{language.globalRegexScript}</span> <span>{language.globalRegexScript}</span>
</button> </button>
<button class="text-textcolor2 flex gap-2 items-center hover:text-textcolor" class:text-textcolor={selected === 4} on:click={() => { <button class="flex gap-2 items-center hover:text-textcolor"
class:text-textcolor={selected === 4}
class:text-textcolor2={selected !== 4}
on:click={() => {
selected = 4 selected = 4
}}> }}>
<CodeIcon /> <CodeIcon />
<span>{language.plugin}</span> <span>{language.plugin}</span>
</button> </button>
<button class="text-textcolor2 flex gap-2 items-center hover:text-textcolor" class:text-textcolor={selected === 0} on:click={() => { <button class="flex gap-2 items-center hover:text-textcolor"
selected = 0 class:text-textcolor={selected === 0}
class:text-textcolor2={selected !== 0}
on:click={() => {
selected = 0
}}> }}>
<UserIcon /> <UserIcon />
<span>{language.account} & {language.files}</span> <span>{language.account} & {language.files}</span>
</button> </button>
<button class="text-textcolor2 flex gap-2 items-center hover:text-textcolor" class:text-textcolor={selected === 6} on:click={() => { <button class="flex gap-2 items-center hover:text-textcolor"
class:text-textcolor={selected === 6}
class:text-textcolor2={selected !== 6}
on:click={() => {
selected = 6 selected = 6
}}> }}>
<ActivityIcon /> <ActivityIcon />
<span>{language.advancedSettings}</span> <span>{language.advancedSettings}</span>
</button> </button>
<button class="text-textcolor2 flex gap-2 items-center hover:text-textcolor" class:text-textcolor={selected === 7} on:click={() => { <button class="flex gap-2 items-center hover:text-textcolor"
class:text-textcolor={selected === 7}
class:text-textcolor2={selected !== 7}
on:click={() => {
selected = 7 selected = 7
}}> }}>
<BoxIcon /> <BoxIcon />