tdpeuter/open-webui
tdpeuter/open-webui
1
Fork 0
forked from open-webui/open-webui
Code Issues Pull requests 1 Projects 1 Releases 2 Packages 1 Activity Actions

chore: npm run fmt

Browse source
This commit is contained in:
AJ ONeal 2023-10-21 22:32:57 -06:00
parent 2eea764378
commit d188512263
No known key found for this signature in database
GPG key ID: F1D692A76F70CF98
3 changed files with 62 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

66
src/lib/components/common/Overlay.svelte
View file

@ -1,33 +1,33 @@
<script>
import Spinner from './Spinner.svelte';
export let show = false;
export let content = '';
export let opacity = 1;
</script>
<div class="relative">
{#if show}
<div class="absolute w-full h-full flex">
<div
class="absolute rounded"
style="inset: -10px; opacity: {opacity}; backdrop-filter: blur(5px);"
/>
<div class="flex w-full flex-col justify-center">
<div class=" py-3">
<Spinner className="ml-2" />
</div>
{#if content !== ''}
<div class="text-center text-gray-100 text-xs font-medium z-50">
{content}
</div>
{/if}
</div>
</div>
{/if}
<slot />
</div>
<script>
import Spinner from './Spinner.svelte';
export let show = false;
export let content = '';
export let opacity = 1;
</script>
<div class="relative">
{#if show}
<div class="absolute w-full h-full flex">
<div
class="absolute rounded"
style="inset: -10px; opacity: {opacity}; backdrop-filter: blur(5px);"
/>
<div class="flex w-full flex-col justify-center">
<div class=" py-3">
<Spinner className="ml-2" />
</div>
{#if content !== ''}
<div class="text-center text-gray-100 text-xs font-medium z-50">
{content}
</div>
{/if}
</div>
</div>
{/if}
<slot />
</div>

48
src/lib/components/common/Spinner.svelte
View file

@ -1,24 +1,24 @@
<script lang="ts">
export let className: string = 'text-white';
export let theme: 'blue' | 'white' | 'black' = 'white';
</script>
<div class="flex justify-center text-center {className}">
<svg
class="animate-spin -ml-1 mr-3 h-5 w-5 {theme === 'blue'
? 'text-sky-600'
: theme === 'white'
? 'text-white'
: 'text-gray-600'} "
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
>
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
<path
class="opacity-75"
fill="currentColor"
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
/>
</svg>
</div>
<script lang="ts">
export let className: string = 'text-white';
export let theme: 'blue' | 'white' | 'black' = 'white';
</script>
<div class="flex justify-center text-center {className}">
<svg
class="animate-spin -ml-1 mr-3 h-5 w-5 {theme === 'blue'
? 'text-sky-600'
: theme === 'white'
? 'text-white'
: 'text-gray-600'} "
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
>
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
<path
class="opacity-75"
fill="currentColor"
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
/>
</svg>
</div>