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">
<h1 className="text-2xl">Mock SAML IdP</h1>
</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 }) => {
return (
<>
<div className="h-full">
<Head>
<title>Mock SAML IdP - Metadata</title>
</Head>
@ -41,7 +41,7 @@ const Home: React.FC<{ metadata: IdPMetadata }> = ({ metadata }) => {
<Link href="/api/saml/metadata/download">Download Metadata</Link>
</p>
</div>
</>
</div>
);
};

4
styles/globals.css
View File

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