25 lines
814 B
Svelte
25 lines
814 B
Svelte
|
<script lang="ts">
|
||
|
|
import { Button } from "flowbite-svelte";
|
||
|
|
import Progressbar from "../lib/Progressbar.svelte";
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<main class="h-[265px] my-auto flex flex-col justify-center items-center p-5">
|
||
|
|
<div
|
||
|
|
class="container flex flex-col items-center justify-center gap-5 rounded-lg p-3"
|
||
|
|
>
|
||
|
|
<Button color="light" size="xl" class="dark:active:!bg-gray-900"
|
||
|
|
>Launch</Button
|
||
|
|
>
|
||
|
|
<div class="w-full flex flex-col justify-center items-center gap-2">
|
||
|
|
<p class="m-0 p-0 dark:text-gray-100">Waiting</p>
|
||
|
|
<Progressbar
|
||
|
|
animate={true}
|
||
|
|
progress={null}
|
||
|
|
labelInside={true}
|
||
|
|
size="h-6"
|
||
|
|
labelInsideClass="bg-primary-600 drop-shadow-xl text-gray-100 text-base font-medium text-center p-1 leading-none rounded-full"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|