Files
dockhand-upstream/src/routes/dashboard/dashboard-connecting-state.svelte
T
2026-01-11 09:01:42 +01:00

22 lines
573 B
Svelte

<script lang="ts">
import { Loader2 } from 'lucide-svelte';
interface Props {
compact?: boolean;
}
let { compact = false }: Props = $props();
</script>
{#if compact}
<div class="flex items-center gap-2 text-muted-foreground py-1">
<Loader2 class="w-4 h-4 animate-spin opacity-50" />
<span class="text-xs">Connecting...</span>
</div>
{:else}
<div class="flex flex-col items-center justify-center py-8 text-muted-foreground">
<Loader2 class="w-8 h-8 mb-2 animate-spin opacity-50" />
<span class="text-sm">Connecting to environment...</span>
</div>
{/if}