28 lines
1022 B
Svelte
28 lines
1022 B
Svelte
<script lang="ts">
|
|
import { getCustomBackground, getEmotion } from "../../ts/util";
|
|
import { DataBase } from "../../ts/storage/database";
|
|
import BackgroundDom from "../ChatScreens/BackgroundDom.svelte";
|
|
import SideBarArrow from "../UI/GUI/SideBarArrow.svelte";
|
|
import defaultWallpaper from './test.png'
|
|
import VisualNovelChat from "./VisualNovelChat.svelte";
|
|
|
|
const wallPaper = `background-image: url(${defaultWallpaper})`
|
|
let forceRender:() => void
|
|
let bgImg= ''
|
|
let lastBg = ''
|
|
$: (async () =>{
|
|
if($DataBase.customBackground !== lastBg){
|
|
lastBg = $DataBase.customBackground
|
|
bgImg = await getCustomBackground($DataBase.customBackground)
|
|
}
|
|
})()
|
|
</script>
|
|
<div class="flex-grow h-full min-w-0 relative justify-center flex">
|
|
<SideBarArrow />
|
|
<BackgroundDom />
|
|
<div style={wallPaper} class="h-full w-full bg-cover" on:click={() => {
|
|
forceRender()
|
|
}}>
|
|
<VisualNovelChat bind:forceRender />
|
|
</div>
|
|
</div> |