wip: improve onboarding

This commit is contained in:
2024-01-25 15:25:40 +07:00
parent bd45c36072
commit 74426e13c8
9 changed files with 446 additions and 359 deletions

View File

@@ -3,11 +3,9 @@ import { Link } from "react-router-dom";
export function LoginScreen() {
return (
<div className="relative flex items-center justify-center w-full h-full">
<div className="flex flex-col w-full max-w-md gap-8 mx-auto">
<div className="flex flex-col w-full max-w-md gap-16 mx-auto">
<div className="flex flex-col gap-1 text-center items-center">
<h1 className="text-2xl font-semibold">
Continue your experience on Nostr
</h1>
<h1 className="text-2xl font-semibold">Welcome back, anon!</h1>
</div>
<div className="flex flex-col gap-6">
<div className="flex flex-col gap-2">
@@ -15,13 +13,13 @@ export function LoginScreen() {
to="/auth/login-oauth"
className="inline-flex items-center justify-center w-full h-12 text-lg font-medium text-white bg-blue-500 rounded-xl hover:bg-blue-600"
>
Login with Address
Login with Nostr Address
</Link>
<Link
to="/auth/login-nsecbunker"
className="inline-flex items-center justify-center w-full h-12 text-lg font-medium text-neutral-50 rounded-xl bg-neutral-950 hover:bg-neutral-900"
>
Login with nsecbunker
Login with nsecBunker
</Link>
</div>
<div className="flex flex-col gap-6">
@@ -31,7 +29,7 @@ export function LoginScreen() {
</div>
<div className="relative flex justify-center">
<span className="px-2 font-medium bg-black text-neutral-600">
Or (Not recommended)
Or continue with
</span>
</div>
</div>
@@ -43,8 +41,10 @@ export function LoginScreen() {
Login with Private Key
</Link>
<p className="text-sm text-center text-neutral-500">
Lume will store your Private Key in{" "}
<span className="text-teal-600">OS Secure Storage</span>
Lume will put your Private Key in{" "}
<span className="text-teal-600">Secure Storage</span> depended
on your OS Platform. It will be secured by Password or Biometric
ID
</p>
</div>
</div>