enhancement(web): login and onboarding tooltips (#702)

* attempt to fix broken link

* removed PUBLIC_URL from link

* enhancement(web): login and onboarding rework
This commit is contained in:
soup 2023-02-11 22:35:00 +01:00 committed by GitHub
parent 3b516c8bcc
commit 8cb4a0244c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 19 additions and 12 deletions

View file

@ -4,6 +4,7 @@ import { useNavigate } from "react-router-dom";
import { APIClient } from "../../api/APIClient";
import { TextField, PasswordField } from "../../components/inputs";
import logo from "../../logo.png";
interface InputValues {
username: string;
@ -40,10 +41,9 @@ export const Onboarding = () => {
return (
<div className="min-h-screen flex flex-col justify-center py-12 sm:px-6 lg:px-8">
<div className="sm:mx-auto sm:w-full sm:max-w-md mb-6">
<h1
className="text-3xl font-bold leading-6 text-gray-900 dark:text-gray-200 mt-4"
>
Create a new user
<img className="mx-auto h-12 w-auto" src={logo} alt="logo"/>
<h1 className="text-center text-gray-900 dark:text-gray-200 font-bold pt-2 text-2xl">
autobrr
</h1>
</div>
<div className="sm:mx-auto sm:w-full sm:max-w-md shadow-lg">
@ -68,7 +68,7 @@ export const Onboarding = () => {
type="submit"
className="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 dark:bg-blue-600 hover:bg-blue-700 dark:hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 dark:focus:ring-blue-500"
>
Create account!
Create account
</button>
</div>
</Form>