Risuai 0.6.3 first commit

src/lib/ChatScreens/EmotionBox.svelte

@@ -0,0 +1,21 @@
+<script>
+    import { DataBase } from '../../ts/database';
+    import { CharEmotion } from '../../ts/stores';
+    import { getEmotion } from '../../ts/util';
+</script>
+
+{#await getEmotion($DataBase,$CharEmotion, 'contain') then images}
+    {#each images as image, i}
+    <div style={image + `width:${(100 / images.length)}%;bottom:0;left:${100 / images.length * i}%`} class="h-full bg-center absolute" />
+
+    {/each}
+{/await}
+
+<style>
+    .h-full {
+        height: 100%;
+    }
+    .bg-center {
+        background-position: center;
+    }
+</style>