From 2f1b176a09cce0a9e3fde9e3025783f3fe634f5e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Leszczyk?= Date: Wed, 23 Mar 2022 11:25:27 +0100 Subject: [PATCH] feat(dashboard-v2): add AuthLayout for /auth/ pages namespace --- .../dashboard-v2/src/layouts/AuthLayout.js | 45 +++++++++++++++++++ .../dashboard-v2/static/images/auth-bg.svg | 1 + 2 files changed, 46 insertions(+) create mode 100644 packages/dashboard-v2/src/layouts/AuthLayout.js create mode 100644 packages/dashboard-v2/static/images/auth-bg.svg 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