File size: 879 Bytes
b7b13c6 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | <script lang="ts">
import { Server } from '@lucide/svelte';
import { ServerStatus } from '$lib/components/app';
import { fade } from 'svelte/transition';
interface Props {
class?: string;
message?: string;
}
let { class: className = '', message = 'Initializing connection to server...' }: Props = $props();
</script>
<div class="flex h-full items-center justify-center {className}">
<div class="text-center">
<div in:fade={{ duration: 300 }} class="mb-4">
<div class="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-muted">
<Server class="h-8 w-8 animate-pulse text-muted-foreground" />
</div>
<h2 class="mb-2 text-xl font-semibold">Connecting to Server</h2>
<p class="text-sm text-muted-foreground">
{message}
</p>
</div>
<div class="mt-4">
<ServerStatus class="justify-center" />
</div>
</div>
</div>
|