password strength report change, added meter to account page

This commit is contained in:
2026-01-02 15:28:30 -05:00
parent 4f1e9a6d6d
commit df3119d51e
4 changed files with 71 additions and 22 deletions

View File

@@ -1,5 +1,5 @@
import { createMemo, For, Show } from "solid-js";
import { validatePassword, type PasswordStrength } from "~/lib/validation";
import { validatePassword } from "~/lib/validation";
import { VALIDATION_CONFIG } from "~/config";
import CheckCircle from "./icons/CheckCircle";
@@ -86,7 +86,7 @@ export default function PasswordStrengthMeter(
{/* Strength bar */}
<Show when={props.password.length > 0}>
<div class="space-y-1">
<div class="bg-surface h-2 w-full overflow-hidden rounded-full">
<div class="bg-surface border-yellow h-2 w-full overflow-hidden rounded-full border">
<div
class={`${config().color} h-full transition-all duration-300 ease-out`}
style={{ width: config().width }}