tdpeuter/open-webui
tdpeuter/open-webui
1
Fork 0
forked from open-webui/open-webui
Code Issues Pull requests 1 Releases 2 Packages 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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
postcss.config.js
View file

@ -1,6 +1,6 @@
export default { export default {
plugins: { plugins: {
tailwindcss: {}, tailwindcss: {},
autoprefixer: {}, autoprefixer: {}
}, }
} };

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

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

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

@ -1,24 +1,24 @@
<script lang="ts"> <script lang="ts">
export let className: string = 'text-white'; export let className: string = 'text-white';
export let theme: 'blue' | 'white' | 'black' = 'white'; export let theme: 'blue' | 'white' | 'black' = 'white';
</script> </script>
<div class="flex justify-center text-center {className}"> <div class="flex justify-center text-center {className}">
<svg <svg
class="animate-spin -ml-1 mr-3 h-5 w-5 {theme === 'blue' class="animate-spin -ml-1 mr-3 h-5 w-5 {theme === 'blue'
? 'text-sky-600' ? 'text-sky-600'
: theme === 'white' : theme === 'white'
? 'text-white' ? 'text-white'
: 'text-gray-600'} " : 'text-gray-600'} "
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
fill="none" fill="none"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" /> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
<path <path
class="opacity-75" class="opacity-75"
fill="currentColor" 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" 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> </svg>
</div> </div>