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

Take 100% height

Browse Source
This commit is contained in:
Aswin V 2022-02-18 18:22:24 +05:30
parent 16543a832c
commit dff897641b
3 changed files with 7 additions and 3 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) {
<header className="py-5 px-20"> <header className="py-5 px-20">
<h1 className="text-2xl">Mock SAML IdP</h1> <h1 className="text-2xl">Mock SAML IdP</h1>
</header> </header>
<main>{children}</main> <main className="h-[calc(100%_-_76px)] overflow-auto">{children}</main>
</> </>
); );
} }

4
pages/index.tsx
View File

@ -23,7 +23,7 @@ export const getServerSideProps: GetServerSideProps = async () => {
const Home: React.FC<{ metadata: IdPMetadata }> = ({ metadata }) => { const Home: React.FC<{ metadata: IdPMetadata }> = ({ metadata }) => {
return ( return (
<> <div className="h-full">
<Head> <Head>
<title>Mock SAML IdP - Metadata</title> <title>Mock SAML IdP - Metadata</title>
</Head> </Head>
@ -41,7 +41,7 @@ const Home: React.FC<{ metadata: IdPMetadata }> = ({ metadata }) => {
<Link href="/api/saml/metadata/download">Download Metadata</Link> <Link href="/api/saml/metadata/download">Download Metadata</Link>
</p> </p>
</div> </div>
</> </div>
); );
}; };

4
styles/globals.css
View File

@ -16,6 +16,10 @@ body {
padding: 0; padding: 0;
margin: 0; margin: 0;
font-family: "Manrope", sans-serif; font-family: "Manrope", sans-serif;
height: 100%;
}
#__next {
height: 100%;
} }
a { a {