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

Fix the css

Browse Source
This commit is contained in:
Kiran 2022-02-28 11:22:49 +05:30
parent 46496a18f9
commit a78036151e
3 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
package-lock.json generated
View File

@ -24,10 +24,13 @@
"eslint": "8.6.0", "eslint": "8.6.0",
"eslint-config-next": "12.0.7", "eslint-config-next": "12.0.7",
"postcss": "8.4.6", "postcss": "8.4.6",
"prettier": "^2.5.1", "prettier": "2.5.1",
"prettier-plugin-tailwindcss": "^0.1.8", "prettier-plugin-tailwindcss": "0.1.8",
"tailwindcss": "3.0.23", "tailwindcss": "3.0.23",
"typescript": "4.5.4" "typescript": "4.5.4"
},
"engines": {
"node": ">=14.18.1 <=16.x"
} }
}, },
"node_modules/@babel/code-frame": { "node_modules/@babel/code-frame": {

7
pages/index.tsx
View File

@ -29,8 +29,11 @@ const Home: React.FC<{ metadata: IdPMetadata }> = ({ metadata }) => {
<h1 className='mb-4 text-2xl font-medium text-gray-900 title-font sm:text-3xl'> <h1 className='mb-4 text-2xl font-medium text-gray-900 title-font sm:text-3xl'>
Mock SAML Metadata Mock SAML Metadata
</h1> </h1>
<p className='mx-auto text-base font-medium leading-relaxed lg:w-2/3'> <p className='mx-auto text-lg font-medium leading-relaxed lg:w-2/3'>
A mock SAML 2.0 Identity Provider for development and testing SAML SSO integrations. <b>Please do not use this in production.</b> A mock SAML 2.0 Identity Provider for development and testing SAML SSO integrations.
</p>
<p>
<b>Please do not use this in production.</b>
</p> </p>
</div> </div>
<div className='flex items-end w-full px-8 mx-auto space-y-4 sm:space-x-4 sm:space-y-0 sm:px-0 lg:w-2/3'> <div className='flex items-end w-full px-8 mx-auto space-y-4 sm:space-x-4 sm:space-y-0 sm:px-0 lg:w-2/3'>

5
styles/globals.css
View File

@ -10,6 +10,7 @@ body {
'Helvetica Neue', sans-serif; 'Helvetica Neue', sans-serif;
height: 100%; height: 100%;
} }
#__next { #__next {
height: 100%; height: 100%;
} }
@ -25,10 +26,10 @@ a {
@layer components { @layer components {
.button { .button {
@apply block px-4 py-2 font-semibold leading-8 text-white rounded-lg shadow-md bg-indigo-500 hover:bg-indigo-600 focus:outline-none focus:ring-4 focus:ring-indigo-300 focus:ring-opacity-100; @apply block px-4 py-2 leading-8 text-white bg-indigo-500 rounded-md shadow-md hover:bg-indigo-600 focus:outline-none focus:ring-4 focus:ring-indigo-300 focus:ring-opacity-100;
} }
.input { .input {
@apply 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-md outline-none focus:ring-2 focus:ring-indigo-300 focus:bg-transparent focus:border-indigo-500; @apply 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-md outline-none focus:border-indigo-500 focus:bg-transparent focus:ring-2 focus:ring-indigo-300;
} }
} }