mirror of
https://github.com/tabler/tabler.git
synced 2026-08-29 13:21:29 +04:00
32 lines
933 B
Plaintext
32 lines
933 B
Plaintext
---
|
|
import Button from '@ui/Button.astro'
|
|
import Avatar from '@ui/Avatar.astro'
|
|
import CardTitle from '@ui/CardTitle.astro'
|
|
import people from '@data/people.json'
|
|
import { requireIndex } from '@shared/lib/array'
|
|
|
|
const person = requireIndex(people, 0)
|
|
---
|
|
|
|
<form class="card card-md" action="./" method="get" novalidate>
|
|
<div class="card-body text-center">
|
|
<div class="mb-4">
|
|
<CardTitle as="h2">Account Locked</CardTitle>
|
|
<p class="text-secondary">Please enter your password to unlock your account</p>
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
<Avatar person={person} size="xl" class="mb-3" />
|
|
<h3>{person.full_name}</h3>
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
<input type="password" class="form-control" placeholder="Password…" aria-label="Password" autocomplete="current-password" />
|
|
</div>
|
|
|
|
<div>
|
|
<Button color="primary" block icon="lock-open" text="Unlock" />
|
|
</div>
|
|
</div>
|
|
</form>
|