rushilwiz/compass
1
0
Fork 0
mirror of https://github.com/cssgunc/compass.git synced 2025-04-11 06:40:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixed fonts to match site styling

Browse Source
This commit is contained in:
Nicholas 2024-03-02 01:51:33 -05:00
parent 445c8512fb
commit 8381211591
2 changed files with 5 additions and 4 deletions
compass
app/auth/newPassword
page.tsx
components
Input.tsx

8
compass/app/auth/newPassword/page.tsx
View File

@ -51,8 +51,8 @@ export default function Page() {
/>
</div>
{isStrongPassword(newPassword) || newPassword === '' ? null : <div role="alert" className="rounded border-s-4 border-red-500 bg-red-50 p-4">
<strong className="block font-medium text-red-800"> Password is not strong enough. </strong>
<p className="mt-2 text-sm text-red-700">
<strong className="block text-sm font-semibold text-red-800"> Password is not strong enough. </strong>
<p className="mt-2 text-xs font-thin text-red-700">
Tip: Use a mix of letters, numbers, and symbols for a strong password. Aim for at least 8 characters!
</p>
</div>}
@ -68,8 +68,8 @@ export default function Page() {
/>
</div>
{newPassword === confirmPassword || confirmPassword === '' ? null : <div role="alert" className="rounded border-s-4 border-red-500 bg-red-50 p-4">
<strong className="block font-medium text-red-800"> Passwords do not match. </strong>
<p className="mt-2 text-sm text-red-700">
<strong className="block text-sm font-semibold text-red-800"> Passwords do not match. </strong>
<p className="mt-2 text-xs font-thin text-red-700">
Please make sure both passwords are the exact same!
</p>
</div>}

1
compass/components/Input.tsx
View File

@ -14,6 +14,7 @@ const Input: FunctionComponent<InputProps> = ({ icon, type, title, placeholder,
<div>
<label
htmlFor={title}
// this class name should be simplified, was just having problems with it
className={valid ? "block overflow-hidden rounded-md border border-gray-200 px-3 py-2 shadow-sm focus-within:border-purple-600 focus-within:ring-1 focus-within:ring-purple-600" : "block overflow-hidden rounded-md border border-gray-200 px-3 py-2 shadow-sm focus-within:border-red-600 focus-within:ring-1 focus-within:ring-red-600"}
>
<span className="text-xs font-semibold text-gray-700"> {title} </span>