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

Style changes

Browse Source
This commit is contained in:
Aswin V 2022-02-18 18:22:59 +05:30
parent 38961cb2c2
commit 492922b4e1
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/Layout.tsx
View File

@ -7,7 +7,7 @@ export default function Layout({ children }: LayoutProps) {
return (
<>
<header className="py-5 px-20">
<h1 className="text-2xl">Mock SAML IdP</h1>
<h1 className="text-3xl font-bold">Mock SAML IdP</h1>
</header>
<main className="h-[calc(100%_-_76px)] overflow-auto">{children}</main>
</>

13
pages/index.tsx
View File

@ -1,13 +1,12 @@
import { GetServerSideProps } from "next";
import { GetStaticProps } from "next";
import { IdPMetadata } from "../types";
import config from "../lib/env";
import { createCertificate } from "../utils";
import React from "react";
import Link from "next/link";
import Layout from "components/Layout";
import Head from "next/head";
export const getServerSideProps: GetServerSideProps = async () => {
export const getStaticProps: GetStaticProps = async () => {
const metadata: IdPMetadata = {
ssoUrl: config.ssoUrl,
entityId: config.entityId,
@ -27,12 +26,12 @@ const Home: React.FC<{ metadata: IdPMetadata }> = ({ metadata }) => {
<Head>
<title>Mock SAML IdP - Metadata</title>
</Head>
<div className="w-3/5 mx-auto relative top-10 bg-blue-50 p-5 rounded-xl grid gap-6 grid-cols-3 shadow-lg shadow-blueGray-50 text-[#145698]">
<p className="font-bold">SSO URL</p>
<div className="w-4/5 lg:w-3/5 mx-auto relative top-20 bg-blue-50 p-10 rounded-xl grid gap-6 grid-cols-3 shadow-lg shadow-blueGray-50 text-[#145698]">
<p className="font-extrabold">SSO URL</p>
<p className="col-span-2">{metadata.ssoUrl}</p>
<p className="font-bold">Entity ID</p>
<p className="font-extrabold">Entity ID</p>
<p className="col-span-2">{metadata.entityId}</p>
<p className="font-bold">Certificate</p>
<p className="font-extrabold">Certificate</p>
<p className="min-w-0 overflow-auto text-sm col-span-2">
{metadata.certificate}
</p>