Spaces:
Runtime error
Runtime error
loading
Browse files
frontend/src/app.html
CHANGED
@@ -11,7 +11,7 @@
|
|
11 |
</head>
|
12 |
<!-- <body class="dark:bg-[rgb(11,15,25)] bg-white dark:text-white text-black"> -->
|
13 |
|
14 |
-
<body>
|
15 |
<div>%sveltekit.body%</div>
|
16 |
</body>
|
17 |
|
|
|
11 |
</head>
|
12 |
<!-- <body class="dark:bg-[rgb(11,15,25)] bg-white dark:text-white text-black"> -->
|
13 |
|
14 |
+
<body class="bg-blue-200/20">
|
15 |
<div>%sveltekit.body%</div>
|
16 |
</body>
|
17 |
|
frontend/src/lib/About.svelte
CHANGED
@@ -1,22 +1,14 @@
|
|
1 |
<script lang="ts">
|
2 |
import LiveBlocks from '$lib/Icons/LiveBlocks.svelte';
|
3 |
-
import LoadingIcon from './Icons/LoadingIcon.svelte';
|
4 |
export let classList = '';
|
5 |
-
export let loading = false;
|
6 |
</script>
|
7 |
|
8 |
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
9 |
<div
|
10 |
on:click
|
11 |
-
class="fixed {classList} w-screen top-0 left-0 bottom-0 right-0
|
12 |
>
|
13 |
<div class="max-w-md">
|
14 |
-
{#if loading}
|
15 |
-
<div class="text-4xl text-white flex items-center mb-4">
|
16 |
-
<LoadingIcon classList={'inline-block animate-spin p-1 mr-2'} />
|
17 |
-
<h1 class="font-bold inline-block">Loading...</h1>
|
18 |
-
</div>
|
19 |
-
{/if}
|
20 |
<h2 class="font-bold text-xl font-mono mb-8">Stable Difussion Multiplayer</h2>
|
21 |
<p>
|
22 |
Powered by Hugging Face face GPU Spaces <a
|
|
|
1 |
<script lang="ts">
|
2 |
import LiveBlocks from '$lib/Icons/LiveBlocks.svelte';
|
|
|
3 |
export let classList = '';
|
|
|
4 |
</script>
|
5 |
|
6 |
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
7 |
<div
|
8 |
on:click
|
9 |
+
class="fixed {classList} w-screen h-screen top-0 left-0 bottom-0 right-0 z-50 items-center justify-center bg-black text-white bg-opacity-90 px-3 overflow-y-scroll"
|
10 |
>
|
11 |
<div class="max-w-md">
|
|
|
|
|
|
|
|
|
|
|
|
|
12 |
<h2 class="font-bold text-xl font-mono mb-8">Stable Difussion Multiplayer</h2>
|
13 |
<p>
|
14 |
Powered by Hugging Face face GPU Spaces <a
|
frontend/src/lib/PromptModal.svelte
CHANGED
@@ -63,7 +63,7 @@
|
|
63 |
</script>
|
64 |
|
65 |
<form
|
66 |
-
class="fixed w-screen top-0 left-0 bottom-0 right-0
|
67 |
on:submit|preventDefault|stopPropagation={onPrompt}
|
68 |
>
|
69 |
<div
|
|
|
63 |
</script>
|
64 |
|
65 |
<form
|
66 |
+
class="fixed w-screen top-0 left-0 bottom-0 right-0 h-screen z-50 flex items-center justify-center bg-black bg-opacity-80"
|
67 |
on:submit|preventDefault|stopPropagation={onPrompt}
|
68 |
>
|
69 |
<div
|
frontend/src/routes/+page.svelte
CHANGED
@@ -4,6 +4,7 @@
|
|
4 |
import type { Client } from '@liveblocks/client';
|
5 |
import LiveblocksProvider from '$lib/liveblocks/LiveblocksProvider.svelte';
|
6 |
import RoomProvider from '$lib/liveblocks/RoomProvider.svelte';
|
|
|
7 |
import App from '$lib/App.svelte';
|
8 |
import About from '$lib/About.svelte';
|
9 |
import { PUBLIC_API_BASE } from '$env/static/public';
|
@@ -55,13 +56,14 @@
|
|
55 |
};
|
56 |
</script>
|
57 |
|
58 |
-
<About
|
59 |
-
classList={$toggleAbout ? 'flex' : 'hidden'}
|
60 |
-
on:click={() => ($toggleAbout = false)}
|
61 |
-
{loading}
|
62 |
-
/>
|
63 |
|
64 |
-
{#if
|
|
|
|
|
|
|
|
|
|
|
65 |
<LiveblocksProvider {client}>
|
66 |
{#if roomId}
|
67 |
<RoomProvider id={roomId} {initialPresence}>
|
|
|
4 |
import type { Client } from '@liveblocks/client';
|
5 |
import LiveblocksProvider from '$lib/liveblocks/LiveblocksProvider.svelte';
|
6 |
import RoomProvider from '$lib/liveblocks/RoomProvider.svelte';
|
7 |
+
import LoadingIcon from '$lib/Icons/LoadingIcon.svelte';
|
8 |
import App from '$lib/App.svelte';
|
9 |
import About from '$lib/About.svelte';
|
10 |
import { PUBLIC_API_BASE } from '$env/static/public';
|
|
|
56 |
};
|
57 |
</script>
|
58 |
|
59 |
+
<About classList={$toggleAbout ? 'flex' : 'hidden'} on:click={() => ($toggleAbout = false)} />
|
|
|
|
|
|
|
|
|
60 |
|
61 |
+
{#if loading}
|
62 |
+
<div class="text-4xl text-black flex justify-center items-center mb-4 w-screen h-screen">
|
63 |
+
<LoadingIcon classList={'inline-block animate-spin p-1 mr-2'} />
|
64 |
+
<h1 class="font-bold inline-block">Loading...</h1>
|
65 |
+
</div>
|
66 |
+
{:else}
|
67 |
<LiveblocksProvider {client}>
|
68 |
{#if roomId}
|
69 |
<RoomProvider id={roomId} {initialPresence}>
|