filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-27 01:03:08 +03:00
Code Issues Packages Projects Releases Wiki Activity

adjust max-width for header and footer

Browse Source
This commit is contained in:
tarafanlin 2020-09-27 11:30:53 -07:00
parent 8872d4d9ab
commit a7abb3aa52
3 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/core/NewWebsitePrototypeFooter.js
View File

@ -10,6 +10,8 @@ const STYLES_P = css`
color: ${Constants.system.gray};
`;
const STYLES_CONTAINER = css`
max-width: 1440px;
margin: 0 auto;
width: 100%;
display: flex;
background-color: ${Constants.system.pitchBlack};

2
components/core/NewWebsitePrototypeHeader.js
View File

@ -5,6 +5,8 @@ import { css } from "@emotion/react";
import { Logo } from "~/common/logo.js";
const STYLES_CONTAINER = css`
max-width: 1440px;
margin: 0 auto;
font-family: ${Constants.font.text};
font-size: 1rem;
width: 100vw;

29
pages/slate-for-chrome.js Normal file
View File

@ -0,0 +1,29 @@
import * as React from "react";
import * as Constants from "~/common/constants";
import WebsitePrototypeWrapper from "~/components/core/WebsitePrototypeWrapper";
import WebsitePrototypeHeader from "~/components/core/NewWebsitePrototypeHeader";
import WebsitePrototypeFooter from "~/components/core/NewWebsitePrototypeFooter";
import { css } from "@emotion/react";
export const getServerSideProps = async (context) => {
return {
props: { ...context.query },
};
};
export default class IndexPage extends React.Component {
render() {
const title = `Slate for Chrome`;
const description = "Upload images to Slate right from your browser window";
const url = "https://slate.host/slate-for-chrome";
return (
<WebsitePrototypeWrapper title={title} description={description} url={url}>
<WebsitePrototypeHeader />
<WebsitePrototypeFooter />
</WebsitePrototypeWrapper>
);
}
}