Files
tabler/shared/components/cards/AuthLockCard.astro
codecalm f27c70ad38 Fix Prettier formatting regression and Astro type-check errors
`Render Modal as real markup` (#2742) reformatted ~140 files back to
tabs/semicolons, breaking the Prettier config added by the Astro
quality gates (#2749). Re-run prettier --write to restore it, and fix
the type errors it had been masking: HTMLElement casts and `this`
typing in ChangePasswordModalContent/ConfirmDeleteModalContent
scripts, plain-JS syntax in the inline-injected progress.astro script,
narrowed prop unions in Button/Check/Spinner, nullable icon svg casts
in Icons/Rating, and a duplicate firstLetters/invalid `placeholder`
attribute in Select.astro. Also fix shared/vitest.config.mts's stale
`astro/lib/**/*.test.ts` include glob left over from the shared source
restructure, which made `pnpm test` report zero test files.
2026-08-03 01:26:19 +02:00

31 lines
835 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'
const person = people[0]
---
<form class="card card-md" action="./" method="get" autocomplete="off" 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…" />
</div>
<div>
<Button color="primary" block icon="lock-open" text="Unlock" />
</div>
</div>
</form>