[feat] vn fix

src-tauri/tauri.conf.json

@@ -8,7 +8,7 @@
   },
   "package": {
     "productName": "RisuAI",
-    "version": "1.59.9"
+    "version": "1.59.10"
   },
   "tauri": {
     "allowlist": {

src/lib/VisualNovel/VisualNovelChat.svelte

@@ -1,17 +1,47 @@
 <script lang="ts">
+  import { getFileSrc } from "src/ts/storage/globalApi";
     import { CurrentCharacter } from "src/ts/stores";
 
-    
+    const style:number = 1    
 </script>
 
-<div class="w-full flex justify-center absolute bottom-5">
-    <div class="w-3xl max-w-full flex flex-col">
-
-        <div class="bg-slate-700 h-12 rounded-lg border-slate-500 border-1 w-40 mb-2 bg-opacity-90 text-center flex items-center justify-center">
-            <span class="font-bold p-2">{$CurrentCharacter.name}</span>
+{#if $CurrentCharacter.type === 'character' && $CurrentCharacter.emotionImages[0]}
+    {#await getFileSrc($CurrentCharacter.emotionImages[0][1]) then imglink}
+        <div class="w-full absolute top-0 h-full bottom-0 justify-center flex">
+            <img src={imglink}>
         </div>
-        <div class="bg-slate-700 h-40 rounded-lg border-slate-500 border-1 w-full bg-opacity-90 text-justify p-4">
-            Test
+    {/await}
+{/if}
+{#if style === 0}
+    <div class="w-full flex justify-center absolute bottom-5">
+        <div class="w-3xl max-w-full flex flex-col">
+
+            <div class="bg-slate-700 h-12 rounded-lg border-slate-500 border-1 w-40 mb-2 bg-opacity-90 text-center flex items-center justify-center">
+                <span class="font-bold p-2">{$CurrentCharacter.name}</span>
+            </div>
+            <div class="bg-slate-700 h-40 rounded-lg border-slate-500 border-1 w-full bg-opacity-90 text-justify p-4">
+                Test
+            </div>
         </div>
     </div>
-</div>
+{:else}
+    <div class="w-full flex justify-center absolute bottom-5">
+        <div class="w-3xl max-w-full flex flex-col text-black">
+
+            <div class="bg-neutral-200 h-12 rounded-lg border-pink-900 border-1 w-48 mb-2 text-center relative top-6 left-4 text-lg">
+                <div class="border-pink-300 border-4 h-full rounded-lg">
+                    <div class="border-pink-900 border-1 text-justify h-full rounded-lg flex items-center justify-center">
+                        <span class="font-bold p-2">{$CurrentCharacter.name}</span>
+                    </div>
+                </div>
+            </div>
+            <div class="bg-neutral-200 h-40 rounded-lg border-pink-900 border-1 w-full">
+                <div class="border-pink-300 border-4 h-full rounded-lg">
+                    <div class="border-pink-900 border-1 text-justify px-4 pt-6 pb-4 h-full rounded-lg">
+                        Hmm... What should I say now?
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+{/if}

src/lib/VisualNovel/VisualNovelMain.svelte

@@ -3,10 +3,10 @@
     import { DataBase } from "../../ts/storage/database";
     import BackgroundDom from "../ChatScreens/BackgroundDom.svelte";
     import SideBarArrow from "../UI/GUI/SideBarArrow.svelte";
-    import defaultWallpaper from '../../etc/bg.jpg'
+    import defaultWallpaper from './test.png'
     import VisualNovelChat from "./VisualNovelChat.svelte";
 
-    const wallPaper = `background: url(${defaultWallpaper})`
+    const wallPaper = `background-image: url(${defaultWallpaper})`
 
     let bgImg= ''
     let lastBg = ''
@@ -20,7 +20,7 @@
 <div class="flex-grow h-full min-w-0 relative justify-center flex">
     <SideBarArrow />
     <BackgroundDom />
-    <div style={wallPaper} class="h-full w-full">
+    <div style={wallPaper} class="h-full w-full bg-cover">
         <VisualNovelChat />
     </div>
 </div>

src/styles.css

@@ -71,6 +71,11 @@ html, body{
   font-weight: bold;
 }
 
+.strokeme {
+  color: #000;
+  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
+}
+
 ::-webkit-scrollbar {
   width: 5px;
   height: 5px;

src/ts/storage/database.ts

@@ -15,7 +15,7 @@ import type { OobaChatCompletionRequestParams } from '../model/ooba';
 
 export const DataBase = writable({} as any as Database)
 export const loadedStore = writable(false)
-export let appVer = "1.59.9"
+export let appVer = "1.59.10"
 export let webAppSubVer = ''
 
 export function setDatabase(data:Database){

version.json

@@ -1 +1 @@
-{"version":"1.59.9"}
+{"version":"1.59.10"}