Design Auth index (#325)

2023-06-18 23:51:59 +02:00
parent ffa8318e2e
commit 5904a39362
17 changed files with 325 additions and 7 deletions
--- a/front/src/modules/auth/components/Modal.tsx
+++ b/front/src/modules/auth/components/Modal.tsx
@ -0,0 +1,25 @@
+import React from 'react';
+import styled from '@emotion/styled';
+
+import { Modal as UIModal } from '@/ui/components/modal/Modal';
+
+type OwnProps = {
+  children: React.ReactNode;
+};
+
+const StyledContainer = styled.div`
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  padding-bottom: ${({ theme }) => theme.spacing(10)};
+  padding-top: ${({ theme }) => theme.spacing(10)};
+  width: 400px;
+`;
+
+export function Modal({ children }: OwnProps): JSX.Element {
+  return (
+    <UIModal>
+      <StyledContainer>{children}</StyledContainer>
+    </UIModal>
+  );
+}