110 lines
2.6 KiB
TypeScript
110 lines
2.6 KiB
TypeScript
import React from "react";
|
|
|
|
import Head from "../head";
|
|
import StackableContainer from "./StackableContainer";
|
|
|
|
interface Props {
|
|
title?: string;
|
|
rootMultisig?: string;
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
const Page = (props: Props) => {
|
|
return (
|
|
<div className="page">
|
|
<Head title={props.title || "Cosmos Multisig Manager"} />
|
|
<div className="container">
|
|
{props.rootMultisig && (
|
|
<div className="nav">
|
|
<StackableContainer base lessPadding lessMargin>
|
|
<p>
|
|
<a href={`/multi/${props.rootMultisig}`}>← Back to multisig account</a>
|
|
</p>
|
|
</StackableContainer>
|
|
</div>
|
|
)}
|
|
{props.children}
|
|
</div>
|
|
<div className="footer-links">
|
|
<StackableContainer base lessPadding lessMargin>
|
|
<p>
|
|
<a href="https://github.com/samepant/cosmoshub-legacy-multisig">View on github</a>
|
|
</p>
|
|
</StackableContainer>
|
|
</div>
|
|
<style jsx>{`
|
|
.page {
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 120px 0;
|
|
}
|
|
.container {
|
|
position: relative;
|
|
}
|
|
.nav {
|
|
position: absolute;
|
|
top: -40px;
|
|
left: 0;
|
|
display: flex;
|
|
}
|
|
a,
|
|
a:visited {
|
|
color: white;
|
|
}
|
|
.footer-links {
|
|
position: fixed;
|
|
bottom: 20px;
|
|
right: 20px;
|
|
}
|
|
`}</style>
|
|
<style global jsx>{`
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu,
|
|
Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
|
color: white;
|
|
min-height: 100vh;
|
|
background: linear-gradient(240.16deg, #3f023c 10.46%, #561253 54.88%, #580a55 94.89%);
|
|
font-size: 16px;
|
|
margin: 0;
|
|
}
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
*:focus {
|
|
outline: none;
|
|
}
|
|
button {
|
|
cursor: pointer;
|
|
}
|
|
h1 {
|
|
margin: 0;
|
|
font-weight: 400;
|
|
line-height: 1.15;
|
|
font-size: 1.4em;
|
|
text-align: center;
|
|
}
|
|
h2 {
|
|
font-size: 1.25em;
|
|
font-weight: 400;
|
|
margin: 0;
|
|
}
|
|
h3 {
|
|
font-size: 1em;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
}
|
|
p {
|
|
max-width: 350px;
|
|
margin: 0;
|
|
font-size: 12px;
|
|
font-style: italic;
|
|
line-height: 14px;
|
|
}
|
|
`}</style>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Page;
|