mirror of
https://github.com/open-webui/open-webui.git
synced 2025-12-13 04:45:19 +00:00
30 lines
600 B
Svelte
30 lines
600 B
Svelte
<script lang="ts">
|
|
export let size = 'md';
|
|
</script>
|
|
|
|
<span class="relative flex {size === 'md' ? 'size-3 my-2' : '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-2'} rounded-full bg-black dark:bg-white animate-size"
|
|
></span>
|
|
</span>
|
|
|
|
<style>
|
|
@keyframes size {
|
|
0%,
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
50% {
|
|
transform: scale(1.2);
|
|
}
|
|
}
|
|
|
|
.animate-size {
|
|
animation: size 1s ease-in-out infinite;
|
|
}
|
|
</style>
|