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 (
<>
<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'>
<label className='text-sm leading-7 text-gray-600'>Certificate</label>
<textarea
rows='5'
rows={5}
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>
</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'>
<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'>
Download Metadata
</a>
<a className='button'>Download Metadata</a>
</Link>
</div>
</div>

11
pages/saml/login.tsx
View File

@ -45,7 +45,7 @@ export default function Login() {
<Head>
<title>Mock SAML IdP - Login</title>
</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>
<form onSubmit={handleSubmit}>
<div>
@ -54,15 +54,16 @@ export default function Login() {
</label>
<input
id='email'
ref={emailInp}
autoComplete='off'
type='email'
placeholder='username@example.com'
type='text'
placeholder='jackson'
value={email}
onChange={handleChange}
pattern='.+@example\.com'
className='w-full input'
className='w-[65%] input'
title='please provide a mock example.com email address'
/>
<span className='ml-2 w-1/4'>@example.com</span>
</div>
<div className='mt-5'>
<label htmlFor='password' className='block mb-2'>