primera ui de la pagina para recuperar contraseña

This commit is contained in:
2026-01-12 21:51:54 -03:00
parent 987920dbe4
commit 56bfaa02cc
19 changed files with 513 additions and 1 deletions

View File

@@ -0,0 +1,30 @@
<script>
import BreadcrumbItem from '@/components/ui/breadcrumb/breadcrumb-item.svelte';
import BreadcrumbList from '@/components/ui/breadcrumb/breadcrumb-list.svelte';
import BreadcrumbSeparator from '@/components/ui/breadcrumb/breadcrumb-separator.svelte';
import Breadcrumb from '@/components/ui/breadcrumb/breadcrumb.svelte';
let { estado } = $props();
</script>
<div class="flex w-full justify-center">
<Breadcrumb>
<BreadcrumbList>
<BreadcrumbItem>
<p class={`select-none ${estado === 'email' ? 'font-bold text-white' : ''}`}>
Ingrese Email
</p>
</BreadcrumbItem>
<BreadcrumbSeparator />
<BreadcrumbItem>
<p class={`select-none ${estado === 'otp' ? 'font-bold text-white' : ''}`}>Ingresar OTP</p>
</BreadcrumbItem>
<BreadcrumbSeparator />
<BreadcrumbItem>
<p class={`select-none ${estado === 'nuevapass' ? 'font-bold text-white' : ''}`}>
Nueva Contraseña
</p>
</BreadcrumbItem>
</BreadcrumbList>
</Breadcrumb>
</div>