añadido glasspanel para el load del firebase auth

This commit is contained in:
2026-02-04 23:00:00 -03:00
parent 826d6478d7
commit 85477ffe7e

View File

@@ -6,8 +6,12 @@
import FireBaseButton from '@/components/FireBaseButton.svelte'; import FireBaseButton from '@/components/FireBaseButton.svelte';
import Card from '@/components/ui/card/card.svelte'; import Card from '@/components/ui/card/card.svelte';
import CardContent from '@/components/ui/card/card-content.svelte'; import CardContent from '@/components/ui/card/card-content.svelte';
import Dialog from '@/components/ui/dialog/dialog.svelte';
import DialogContent from '@/components/ui/dialog/dialog-content.svelte';
import Spinner from '@/components/ui/spinner/spinner.svelte';
let showAlert: boolean = $state(false); let showAlert: boolean = $state(false);
let openload = $state(false);
$effect(() => { $effect(() => {
resetAlert(); resetAlert();
@@ -26,7 +30,7 @@
<SignupForm bind:showAlert /> <SignupForm bind:showAlert />
<Card class="mt-2"> <Card class="mt-2">
<CardContent> <CardContent onclick={() => (openload = true)}>
<FireBaseButton mode="register" /> <FireBaseButton mode="register" />
</CardContent> </CardContent>
</Card> </Card>
@@ -42,6 +46,14 @@
</div> </div>
</div> </div>
{#if openload}
<Card class="fixed inset-0 z-50 flex items-center justify-center bg-black/80">
<CardContent class="flex w-fit items-center justify-center p-8">
<Spinner class="size-11" />
</CardContent>
</Card>
{/if}
<svelte:head> <svelte:head>
<meta property="og:title" content="Mini-x" /> <meta property="og:title" content="Mini-x" />
<meta property="og:description" content={`Registra un usuario`} /> <meta property="og:description" content={`Registra un usuario`} />