drake/fbla26
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

spinner sizing
All checks were successful
ci / docker_image (push) Successful in 2m12s
Details
ci / deploy (push) Successful in 28s
Details

Browse Source
This commit is contained in:
Drake Marino 2026-04-12 15:43:20 -05:00
parent adaf9534b5
commit d9607afd2c
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/lib/components/custom/loading-spinner.svelte
View File

@ -4,6 +4,7 @@
export let src = '/mdev_triangle_loading.riv';
export let stateMachine = null;
export let size = 120;
export let classes = '';
let canvas;
@ -38,4 +39,4 @@
});
</script>
<canvas bind:this={canvas} width={size} height={size} />
<canvas bind:this={canvas} class={classes} />

6
src/lib/components/custom/submit-item-dialog.svelte
View File

@ -121,10 +121,10 @@
<div
class="fixed inset-0 bg-black/75 z-[999999] w-screen h-screen flex justify-center items-center transition-opacity duration-150"
class="fixed inset-0 bg-black/75 z-[999999] w-screen h-screen flex justify-center items-center transition-opacity duration-150 flex-col md:flex-row"
class:opacity-0={!isGenerating}
class:pointer-events-none={!isGenerating}
>
<LoadingSpinner size={150} />
<p class="text-6xl ml-4">Loading...</p>
<LoadingSpinner classes="w-28 md:w-48 mb-2 md:-mb-4" />
<p class="text-4xl md:text-6xl">Loading...</p>
</div>