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

Add mobile gui beta

Browse Source
This commit is contained in:
kwaroran
2024-09-09 21:25:38 +09:00
parent eb8e1d31c8
commit 7f4d6b1597
13 changed files with 297 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/lib/Setting/Pages/DisplaySettings.svelte
View File

@@ -319,6 +319,11 @@
<Check bind:check={$DataBase.unformatQuotes} name={language.unformatQuotes}/>
</div>
<div class="flex items-center mt-2">
<Check bind:check={$DataBase.betaMobileGUI} name={language.betaMobileGUI}/>
<Help key="betaMobileGUI"/>
</div>
{#if $DataBase.useExperimental}
<div class="flex items-center mt-2">
<Check bind:check={$DataBase.useChatSticker} name={language.useChatSticker}/>

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

@@ -8,7 +8,7 @@
import PluginSettings from "./Pages/PluginSettings.svelte";
import FilesSettings from "./Pages/FilesSettings.svelte";
import AdvancedSettings from "./Pages/AdvancedSettings.svelte";
import { SettingsMenuIndex, settingsOpen } from "src/ts/stores";
import { MobileGUI, SettingsMenuIndex, settingsOpen } from "src/ts/stores";
import Botpreset from "./botpreset.svelte";
import Communities from "./Pages/Communities.svelte";
import GlobalLoreBookSettings from "./Pages/GlobalLoreBookSettings.svelte";
@@ -29,7 +29,7 @@
</script>
<div class="h-full w-full flex justify-center setting-bg rs-setting-cont">
<div class="h-full max-w-screen-lg w-full flex relative rs-setting-cont-2">
{#if window.innerWidth >= 700 || $SettingsMenuIndex === -1}
{#if (window.innerWidth >= 700 && !$MobileGUI) || $SettingsMenuIndex === -1}
<div class="flex h-full flex-col p-4 pt-8 bg-darkbg gap-2 overflow-y-auto relative rs-setting-cont-3"
class:w-full={window.innerWidth < 700}>
<button class="flex gap-2 items-center hover:text-textcolor"
@@ -132,14 +132,14 @@
<BoxIcon />
<span>{language.supporterThanks}</span>
</button>
{#if window.innerWidth < 700}
{#if window.innerWidth < 700 && !$MobileGUI}
<button class="absolute top-2 right-2 hover:text-green-500 text-textcolor" on:click={() => {
settingsOpen.set(false)
}}> <XCircleIcon /> </button>
{/if}
</div>
{/if}
{#if window.innerWidth >= 700 || $SettingsMenuIndex !== -1}
{#if (window.innerWidth >= 700 && !$MobileGUI) || $SettingsMenuIndex !== -1}
{#key $SettingsMenuIndex}
<div class="flex-grow py-6 px-4 bg-bgcolor flex flex-col text-textcolor overflow-y-auto relative rs-setting-cont-4">
{#if $SettingsMenuIndex === 0}
@@ -181,16 +181,18 @@
{/if}
</div>
{/key}
<button class="absolute top-2 right-2 hover:text-green-500 text-textcolor" on:click={() => {
if(window.innerWidth >= 700){
settingsOpen.set(false)
}
else{
$SettingsMenuIndex = -1
}
}}>
<XCircleIcon />
</button>
{#if !$MobileGUI}
<button class="absolute top-2 right-2 hover:text-green-500 text-textcolor" on:click={() => {
if(window.innerWidth >= 700){
settingsOpen.set(false)
}
else{
$SettingsMenuIndex = -1
}
}}>
<XCircleIcon />
</button>
{/if}
{/if}
</div>
</div>