shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

style(frontend): login page styling touchup (#64)

Browse Source
This commit is contained in:
sct
2020-09-09 10:16:19 +09:00
committed by GitHub
parent 432ad76b3b
commit 6241d0cf78
8 changed files with 462 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Login/index.tsx
View File

@@ -3,6 +3,7 @@ import PlexLoginButton from '../PlexLoginButton';
import { useUser } from '../../hooks/useUser';
import axios from 'axios';
import { useRouter } from 'next/dist/client/router';
import Logo from '../../assets/logo.svg';
const Login: React.FC = () => {
const [authToken, setAuthToken] = useState<string | undefined>(undefined);
@@ -34,20 +35,20 @@ const Login: React.FC = () => {
}, [user, router]);
return (
<div className="w-full pt-10">
<form className="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4">
<div className="flex justify-center text-gray-900 font-bold text-xl mb-2">
Overseerr
</div>
<div className="flex justify-center text-gray-900 text-sm pb-6 mb-2">
would like to sign in to your Plex account
</div>
<div className="flex items-center justify-center">
<div className="min-h-screen bg-gray-50 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">
<Logo className="mx-auto max-h-32 w-auto" />
<h2 className="mt-6 text-center text-3xl leading-9 font-extrabold text-gray-900">
Log in to continue
</h2>
</div>
<div className="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
<div className="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
<PlexLoginButton
onAuthToken={(authToken) => setAuthToken(authToken)}
/>
</div>
</form>
</div>
</div>
);
};