[feat] added languages to translator, splited language settings

This commit is contained in:
kwaroran
2023-05-26 04:23:40 +09:00
parent 1bc4230092
commit e8649d186d
4 changed files with 48 additions and 21 deletions

View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { changeLanguage, language } from "src/lang";
import { language } from "src/lang";
import { DataBase, saveImage, updateTextTheme } from "src/ts/database";
import { changeFullscreen, selectSingleFile, sleep } from "src/ts/util";
import Check from "src/lib/Others/Check.svelte";
@@ -7,14 +7,6 @@
</script>
<h2 class="mb-2 text-2xl font-bold mt-2">{language.display}</h2>
<span class="text-neutral-200 mt-4">{language.UiLanguage}</span>
<select class="bg-transparent input-text mt-2 text-gray-200 appearance-none text-sm" bind:value={$DataBase.language} on:change={async () => {
await sleep(10)
changeLanguage($DataBase.language)
}}>
<option value="en" class="bg-darkbg appearance-none">English</option>
<option value="ko" class="bg-darkbg appearance-none">한국어</option>
</select>
<span class="text-neutral-200 mt-4">{language.theme}</span>
<select class="bg-transparent input-text mt-2 text-gray-200 appearance-none text-sm" bind:value={$DataBase.theme}>
@@ -22,7 +14,6 @@
<option value="waifu" class="bg-darkbg appearance-none">Waifulike</option>
<option value="waifuMobile" class="bg-darkbg appearance-none">WaifuCut</option>
<!-- <option value="free" class="bg-darkbg appearance-none">Freestyle</option> -->
</select>
@@ -62,12 +53,6 @@
</div>
{/if}
<span class="text-neutral-200 mt-4">{language.translator}</span>
<select class="bg-transparent input-text mt-2 mb-4 text-gray-200 appearance-none text-sm" bind:value={$DataBase.translator}>
<option value="" class="bg-darkbg appearance-none">{language.disabled}</option>
<option value="ko" class="bg-darkbg appearance-none">한국어</option>
</select>
<span class="text-neutral-200">{language.UISize}</span>
<input class="text-neutral-200 p-2 bg-transparent input-text focus:bg-selected" type="range" min="50" max="200" bind:value={$DataBase.zoomsize}>
<span class="text-gray-400 mb-6 text-sm">{($DataBase.zoomsize)}%</span>