admin-aaw/snapify-authentik
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

re-design sign-in page

Browse source
This commit is contained in:
MarconLP 2023-04-20 01:21:01 +02:00
parent 190a844ad4
commit af393b7b6f
No known key found for this signature in database
GPG key ID: A08A9C8B623F5EA5
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/pages/sign-in.tsx
View file

@ -18,17 +18,17 @@ const SignIn = ({
<meta name="description" content="Generated by create-t3-app" /> <meta name="description" content="Generated by create-t3-app" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
</Head> </Head>
<main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c]"> <main className="flex min-h-screen flex-col items-center justify-center bg-[#f9fafb]">
<div className="border-y border-gray-700 bg-gray-800 px-4 py-8 shadow sm:rounded-lg sm:border-x sm:px-10"> <div className="bg-white px-4 py-8 shadow shadow sm:rounded-lg sm:px-10">
<div className="animate-fade-in flex flex-col justify-center text-center"> <div className="animate-fade-in flex flex-col justify-center text-center">
<span className="text-sm font-medium text-gray-300"> <span className="text-sm font-medium text-gray-700">
Sign in with Sign in with
</span> </span>
<div className="mt-6 grid grid-cols-2 gap-3"> <div className="mt-6 grid grid-cols-2 gap-3">
{Object.values(providers).map((provider) => ( {Object.values(providers).map((provider) => (
<button <button
key={provider.id} key={provider.id}
className="hover:bg-gray-750 relative inline-flex items-center justify-center rounded-md border border-gray-700 bg-gray-800 px-6 py-3 text-lg font-medium text-white shadow-sm hover:text-gray-100" className="relative inline-flex items-center justify-center rounded-md border border-gray-300 bg-white px-6 py-3 text-lg text-sm font-medium text-gray-500 shadow-sm hover:bg-gray-50"
type="button" type="button"
onClick={() => onClick={() =>
void signIn(provider.id, { void signIn(provider.id, {