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

feat: add loading screen and move stylesheet to index.html

Browse Source
This commit is contained in:
Kwaroran
2025-02-25 22:26:21 +09:00
parent deec7c226c
commit de6d9e1b2b
2 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@@ -6,6 +6,7 @@
<link rel="icon" type="image/png" sizes="32x32" href="/logo_32.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/logo_32.png" />
<link rel="icon" type="image/png" sizes="256x256" href="/logo_256.png" /> <link rel="icon" type="image/png" sizes="256x256" href="/logo_256.png" />
<link rel="manifest" href="manifest.json" /> <link rel="manifest" href="manifest.json" />
<link rel="stylesheet" href="/src/styles.css" />
<meta name="description" content="An AI frontend for both light and core users."> <meta name="description" content="An AI frontend for both light and core users.">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css2?family=Tilt+Prism&family=Yellowtail&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Tilt+Prism&family=Yellowtail&display=swap" rel="stylesheet">
@@ -21,6 +22,17 @@
</div> </div>
</noscript> </noscript>
</div> </div>
<!-- Loading screen, will be removed when /src/main.ts is loaded -->
<div id="preloading" class="w-full h-full flex justify-center items-center text-textcolor text-xl bg-gray-900 flex-col absolute top-0 left-0 z-50">
<div class="flex flex-row items-center">
<svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-textcolor" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
</svg>
<span>Loading...</span>
</div>
<span class="text-sm mt-2 text-textcolor2">Loading RisuAI...</span>
</div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
</html> </html>

2
src/main.ts
View File

@@ -1,4 +1,3 @@
import "./styles.css";
import "./ts/polyfill"; import "./ts/polyfill";
import "core-js/actual" import "core-js/actual"
import "./ts/storage/database.svelte" import "./ts/storage/database.svelte"
@@ -14,5 +13,6 @@ let app = mount(App, {
}); });
loadData() loadData()
initHotkey() initHotkey()
document.getElementById('preloading').remove()
export default app; export default app;