28 lines
645 B
Svelte
28 lines
645 B
Svelte
<script>
|
|
import Spinner from "components/common/Spinner.svelte"
|
|
import { fade } from "svelte/transition"
|
|
import Logo from "/assets/bb-logo.svg"
|
|
</script>
|
|
|
|
<div class="ag-overlay-loading-center loading-container">
|
|
<div transition:fade class="loading-overlay">
|
|
<img height="30" width="30" src={Logo} alt="Budibase icon" />
|
|
<span> Loading Your Data </span>
|
|
<Spinner size="12" />
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.loading-overlay {
|
|
display: flex;
|
|
align-items: center;
|
|
font-family: var(--font-sans);
|
|
font-weight: 500;
|
|
color: var(--ink);
|
|
}
|
|
|
|
.loading-overlay > * {
|
|
margin-right: var(--spacing-m);
|
|
}
|
|
</style>
|