mirror of
https://github.com/coollabsio/coolify.git
synced 2026-11-04 10:42:23 +00:00
14 lines
515 B
Svelte
14 lines
515 B
Svelte
<script>
|
|
import { statusLabel, statusTone, TONE_DOT } from '../../environment-canvas.js';
|
|
|
|
let { status, size = 'size-2' } = $props();
|
|
const tone = $derived(statusTone(status));
|
|
</script>
|
|
|
|
<span class="relative flex {size} shrink-0" title={statusLabel(status)}>
|
|
{#if tone === 'busy'}
|
|
<span class="absolute inline-flex size-full rounded-full opacity-75 motion-safe:animate-ping {TONE_DOT.busy}"></span>
|
|
{/if}
|
|
<span class="relative inline-flex size-full rounded-full {TONE_DOT[tone]}"></span>
|
|
</span>
|