From 85477ffe7ec7aedd8260aeb9f84fa8087cd47bb1 Mon Sep 17 00:00:00 2001
From: fede <federico.nicolas.polidoro@gmail.com>
Date: Wed, 4 Feb 2026 23:00:00 -0300
Subject: [PATCH] =?UTF-8?q?a=C3=B1adido=20glasspanel=20para=20el=20load=20?=
 =?UTF-8?q?del=20firebase=20auth?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/register/+page.svelte | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/routes/register/+page.svelte b/src/routes/register/+page.svelte
index 618bcf3..794cd53 100644
--- a/src/routes/register/+page.svelte
+++ b/src/routes/register/+page.svelte
@@ -6,8 +6,12 @@
 	import FireBaseButton from '@/components/FireBaseButton.svelte';
 	import Card from '@/components/ui/card/card.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 openload = $state(false);
 
 	$effect(() => {
 		resetAlert();
@@ -26,7 +30,7 @@
 		<SignupForm bind:showAlert />
 
 		<Card class="mt-2">
-			<CardContent>
+			<CardContent onclick={() => (openload = true)}>
 				<FireBaseButton mode="register" />
 			</CardContent>
 		</Card>
@@ -42,6 +46,14 @@
 	</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>
 	<meta property="og:title" content="Mini-x" />
 	<meta property="og:description" content={`Registra un usuario`} />