gmgauthier/mocksaml
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style fixes

Browse Source
This commit is contained in:
Aswin V 2022-02-24 11:50:40 +05:30
parent 5b6f756e0f
commit 57b8b8b82d
3 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/Layout.tsx
View File

@ -9,7 +9,7 @@ export default function Layout({ children }: LayoutProps) {
return ( return (
<> <>
<Header></Header> <Header></Header>
<main className='h-[calc(100%_-_76px)] overflow-auto'>{children}</main> <main className='h-[calc(100%_-_80px)] overflow-auto'>{children}</main>
</> </>
); );
} }

6
pages/index.tsx
View File

@ -55,16 +55,14 @@ const Home: React.FC<{ metadata: IdPMetadata }> = ({ metadata }) => {
<div className='relative lg:w-full'> <div className='relative lg:w-full'>
<label className='text-sm leading-7 text-gray-600'>Certificate</label> <label className='text-sm leading-7 text-gray-600'>Certificate</label>
<textarea <textarea
rows='5' rows={5}
defaultValue={certificate} defaultValue={certificate}
className='w-full px-3 py-1 text-base leading-8 text-gray-700 transition-colors duration-200 ease-in-out bg-gray-100 bg-opacity-50 border border-gray-300 rounded outline-none focus:ring-2 focus:ring-indigo-200 focus:bg-transparent focus:border-indigo-500'></textarea> className='w-full px-3 py-1 text-base leading-8 text-gray-700 transition-colors duration-200 ease-in-out bg-gray-100 bg-opacity-50 border border-gray-300 rounded outline-none focus:ring-2 focus:ring-indigo-200 focus:bg-transparent focus:border-indigo-500'></textarea>
</div> </div>
</div> </div>
<div className='flex items-end w-full px-8 mx-auto mt-5 space-y-4 lg:w-2/3 sm:space-x-4 sm:space-y-0 sm:px-0'> <div className='flex items-end w-full px-8 mx-auto mt-5 space-y-4 lg:w-2/3 sm:space-x-4 sm:space-y-0 sm:px-0'>
<Link href='/api/saml/metadata/download'> <Link href='/api/saml/metadata/download'>
<a className='inline-flex px-6 py-2 text-white bg-indigo-500 border-0 rounded focus:outline-none hover:bg-indigo-600'> <a className='button'>Download Metadata</a>
Download Metadata
</a>
</Link> </Link>
</div> </div>
</div> </div>

11
pages/saml/login.tsx
View File

@ -45,7 +45,7 @@ export default function Login() {
<Head> <Head>
<title>Mock SAML IdP - Login</title> <title>Mock SAML IdP - Login</title>
</Head> </Head>
<div className='w-[465px] max-w-[90%] mx-auto relative top-20 bg-blue-50 p-10 rounded-xl shadow-md shadow-blueGray-50 text-[#145698]'> <div className='w-[465px] max-w-[90%] mx-auto relative top-20 p-10 rounded-xl shadow-lg shadow-blue-50 text-[#145698]'>
<h2 className='text-3xl font-bold text-center mb-3'>Login</h2> <h2 className='text-3xl font-bold text-center mb-3'>Login</h2>
<form onSubmit={handleSubmit}> <form onSubmit={handleSubmit}>
<div> <div>
@ -54,15 +54,16 @@ export default function Login() {
</label> </label>
<input <input
id='email' id='email'
ref={emailInp}
autoComplete='off' autoComplete='off'
type='email' type='text'
placeholder='username@example.com' placeholder='jackson'
value={email} value={email}
onChange={handleChange} onChange={handleChange}
pattern='.+@example\.com' className='w-[65%] input'
className='w-full input'
title='please provide a mock example.com email address' title='please provide a mock example.com email address'
/> />
<span className='ml-2 w-1/4'>@example.com</span>
</div> </div>
<div className='mt-5'> <div className='mt-5'>
<label htmlFor='password' className='block mb-2'> <label htmlFor='password' className='block mb-2'>