diff --git a/packages/dashboard-v2/src/layouts/AuthLayout.js b/packages/dashboard-v2/src/layouts/AuthLayout.js new file mode 100644 index 00000000..9706c83b --- /dev/null +++ b/packages/dashboard-v2/src/layouts/AuthLayout.js @@ -0,0 +1,45 @@ +import * as React from "react"; +import styled from "styled-components"; +import { SWRConfig } from "swr"; + +import { UserProvider } from "../contexts/user"; +import { guestsOnly } from "../lib/swrConfig"; + +const Layout = styled.div.attrs({ + className: "h-screen w-screen bg-black flex", +})` + background-image: url(/images/auth-bg.svg); + background-repeat: no-repeat; + background-position: center center; +`; + +const SloganContainer = styled.div.attrs({ + className: "hidden md:flex lg:w-7/12 grow justify-center items-center relative overflow-hidden", +})``; + +const Content = styled.div.attrs({ + className: "w-full md:w-5/12 md:max-w-[680px] shrink-0", +})``; + +const AuthLayout = ({ children }) => { + return ( + <> + + + + +
+

+ The decentralized revolution starts with decentralized storage +

+
+ + {children} + + + + + ); +}; + +export default AuthLayout; diff --git a/packages/dashboard-v2/static/images/auth-bg.svg b/packages/dashboard-v2/static/images/auth-bg.svg new file mode 100644 index 00000000..89d598f8 --- /dev/null +++ b/packages/dashboard-v2/static/images/auth-bg.svg @@ -0,0 +1 @@ + \ No newline at end of file