blsmedia/sign
2
0
Fork 0
Code Issues Packages Releases Activity

fix: improve sign in and sign up pages

Browse Source
This commit is contained in:
Mythie
2023-04-21 22:18:29 +10:00
parent d135df827a
commit 8457823d8e
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/components/login.tsx
View File

@@ -111,7 +111,7 @@ export default function Login(props: any) {
</div> </div>
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="text-sm"> <div className="text-sm">
<a href="#" className="text-neon hover:text-neon font-medium"> <a href="#" className="text-gray-500 hover:text-neon-700 font-medium">
Forgot your password? Forgot your password?
</a> </a>
</div> </div>
@@ -123,7 +123,7 @@ export default function Login(props: any) {
className="group relative flex w-full"> className="group relative flex w-full">
<span className="absolute inset-y-0 left-0 flex items-center pl-3"> <span className="absolute inset-y-0 left-0 flex items-center pl-3">
<LockClosedIcon <LockClosedIcon
className="text-neon-dark group-hover:text-neon h-5 w-5 disabled:disabled:bg-gray-600 disabled:group-hover:bg-gray-600" className="text-neon-700 group-hover:text-neon-dark-700 h-5 w-5 disabled:disabled:bg-gray-600 disabled:group-hover:bg-gray-600 duration-200"
aria-hidden="true" aria-hidden="true"
/> />
</span> </span>
@@ -141,7 +141,7 @@ export default function Login(props: any) {
{props.allowSignup ? ( {props.allowSignup ? (
<p className="mt-2 text-center text-sm text-gray-600"> <p className="mt-2 text-center text-sm text-gray-600">
Are you new here?{" "} Are you new here?{" "}
<Link href="/signup" className="text-neon hover:text-neon font-medium"> <Link href="/signup" className="text-gray-500 hover:text-neon-700 duration-200 font-medium">
Create a new Account Create a new Account
</Link> </Link>
</p> </p>

2
apps/web/components/signup.tsx
View File

@@ -187,7 +187,7 @@ export default function Signup(props: { source: string }) {
</div> </div>
<p className="mt-2 text-center text-sm text-gray-600"> <p className="mt-2 text-center text-sm text-gray-600">
Already have an account?{" "} Already have an account?{" "}
<Link href="/login" className="text-neon hover:text-neon font-medium"> <Link href="/login" className="text-gray-500 hover:text-neon-700 font-medium">
Sign In Sign In
</Link> </Link>
</p> </p>

2
packages/ui/components/button/Button.tsx
View File

@@ -6,7 +6,7 @@ export function Button(props: any) {
const isLink = typeof props.href !== "undefined" && !props.disabled; const isLink = typeof props.href !== "undefined" && !props.disabled;
const { color = "primary", icon, disabled, onClick } = props; const { color = "primary", icon, disabled, onClick } = props;
const baseStyles = const baseStyles =
"inline-flex gap-x-2 items-center justify-center min-w-[80px] rounded-md border border-transparent px-4 py-2 text-sm font-medium shadow-sm disabled:bg-gray-300"; "inline-flex gap-x-2 items-center justify-center min-w-[80px] rounded-md border border-transparent px-4 py-2 text-sm font-medium shadow-sm disabled:bg-gray-300 duration-200";
const primaryStyles = "text-gray-900 bg-neon hover:bg-neon-dark"; const primaryStyles = "text-gray-900 bg-neon hover:bg-neon-dark";
const secondaryStyles = "border-gray-300 bg-white text-gray-700 hover:bg-gray-50"; const secondaryStyles = "border-gray-300 bg-white text-gray-700 hover:bg-gray-50";