mirror of
https://github.com/emailerfacu-spec/minix-front.git
synced 2026-04-15 15:30:44 -03:00
primera ui de la pagina para recuperar contraseña
This commit is contained in:
30
src/routes/password-reset/Pasos.svelte
Normal file
30
src/routes/password-reset/Pasos.svelte
Normal 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>
|
||||
Reference in New Issue
Block a user