mirror of
https://github.com/open-webui/open-webui.git
synced 2025-12-13 12:55:19 +00:00
38 lines
686 B
Svelte
38 lines
686 B
Svelte
<script lang="ts">
|
|
export let size = 'md';
|
|
</script>
|
|
|
|
<span
|
|
class="relative flex {size === 'md'
|
|
? 'size-3 my-2'
|
|
: size === 'xs'
|
|
? 'size-1.5 my-1'
|
|
: 'size-2 my-1'} mx-1"
|
|
>
|
|
<span
|
|
class="absolute inline-flex h-full w-full animate-pulse rounded-full bg-gray-700 dark:bg-gray-200 opacity-75"
|
|
></span>
|
|
<span
|
|
class="relative inline-flex {size === 'md'
|
|
? 'size-3'
|
|
: size === 'xs'
|
|
? 'size-1.5'
|
|
: 'size-2'} rounded-full bg-black dark:bg-white animate-size"
|
|
></span>
|
|
</span>
|
|
|
|
<style>
|
|
@keyframes size {
|
|
0%,
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
50% {
|
|
transform: scale(1.25);
|
|
}
|
|
}
|
|
|
|
.animate-size {
|
|
animation: size 1.5s ease-in-out infinite;
|
|
}
|
|
</style>
|