diff --git a/src/pages/RegisterNewUser/index.tsx b/src/pages/RegisterNewUser/index.tsx new file mode 100644 index 0000000..210e97f --- /dev/null +++ b/src/pages/RegisterNewUser/index.tsx @@ -0,0 +1,87 @@ +import React from 'react'; +import LogoIcon from 'assets/logo.svg'; +import Input from 'components/Input/Input'; +import Button from 'components/Button/Button'; +import StyledRegisterNewUser from './styles'; + +const RegisterNewUser = () => { + return ( + + + Typext + + +
+
+
+ + + + + + + +
+ +
+ + + + + + + +
+
+ + +
+
+ ); +}; + +export default RegisterNewUser; diff --git a/src/pages/RegisterNewUser/styles.ts b/src/pages/RegisterNewUser/styles.ts new file mode 100644 index 0000000..2195c73 --- /dev/null +++ b/src/pages/RegisterNewUser/styles.ts @@ -0,0 +1,42 @@ +import styled from 'styled-components'; + +const StyledRegisterNewUser = styled.div` + display: flex; + flex-direction: column; + align-items: center; + margin-top: 4.375rem; + + a { + width: 18.125rem; + height: 3.125rem; + + img { + width: 18.125rem; + height: 3.125rem; + } + } + + .RegisterNewUser{ + display: flex; + flex-direction: column; + align-items: flex-end; + + .Content { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 7.25rem; + + margin-top: 8.75rem; + + Input { + margin-bottom: 1.25rem; + } + } + + Button { + margin-top: 5.625rem; + } + } +`; + +export default StyledRegisterNewUser; diff --git a/src/routes.tsx b/src/routes.tsx index 9660779..6b4eb16 100644 --- a/src/routes.tsx +++ b/src/routes.tsx @@ -3,6 +3,7 @@ import RecoveryPassword from 'pages/RecoveryPassword'; import { Switch, Route, BrowserRouter } from 'react-router-dom'; import NewPassword from 'pages/NewPassword'; +import RegisterNewUser from 'pages/RegisterNewUser'; import Main from './pages/Main'; import Login from './pages/Login'; import InviteUsers from './pages/InviteUsers'; @@ -12,9 +13,10 @@ export default function Routes() { - + +