[feat] realm popup

src/lib/SideBars/CharConfig.svelte

@@ -7,7 +7,7 @@
     import Check from "../UI/GUI/Check.svelte";
     import { addCharEmotion, addingEmotion, getCharImage, rmCharEmotion, selectCharImg, makeGroupImage } from "../../ts/characters";
     import LoreBook from "./LoreBookSetting.svelte";
-    import { alertConfirm, alertError, alertSelectChar } from "../../ts/alert";
+    import { alertConfirm, alertError, alertNormal, alertSelectChar, alertTOS } from "../../ts/alert";
     import BarIcon from "./BarIcon.svelte";
     import { findCharacterbyId, selectMultipleFile } from "../../ts/util";
     import { onDestroy } from "svelte";
@@ -725,7 +725,13 @@
             && currentChar.data.license !== 'CC BY-SA 4.0'
         }
             <Button size="lg" on:click={async () => {
-                openHubUpload = true
+                if(!$DataBase.account){
+                    alertNormal(language.notLoggedIn)
+                    return
+                }
+                if(await alertTOS()){
+                    openHubUpload = true                    
+                }
             }} className="mt-2">{language.shareCloud}</Button>
         {/if}
 

src/lib/UI/Realm/RealmPopUp.svelte

@@ -13,7 +13,7 @@
 
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
-<div class="top-0 left-0 z-50 fixed w-full h-full bg-black bg-opacity-50 flex justify-center items-center" on:click={() => {
+<div class="top-0 left-0 z-50 fixed w-full h-full bg-black bg-opacity-50 flex justify-center items-center text-white" on:click={() => {
     openedData = null
 }}>
     <div class="p-6 max-w-full bg-darkbg rounded-md flex flex-col gap-4 w-2xl overflow-y-auto">