Add Auth Index page (#323)

2023-06-18 00:18:13 +02:00
parent 49462c69a2
commit ffa8318e2e
9 changed files with 144 additions and 12 deletions
--- a/front/src/modules/ui/components/modal/Modal.tsx
+++ b/front/src/modules/ui/components/modal/Modal.tsx
@ -0,0 +1,24 @@
+import React from 'react';
+import ReactModal from 'react-modal';
+import { useTheme } from '@emotion/react';
+
+export function Modal({ children }: { children: React.ReactNode }) {
+  const theme = useTheme();
+  return (
+    <ReactModal
+      isOpen
+      style={{
+        overlay: {
+          backgroundColor: theme.modalBackgroundTransparent,
+          zIndex: 2,
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+        },
+        content: { zIndex: 1000, minWidth: 200, inset: 'auto' },
+      }}
+    >
+      {children}
+    </ReactModal>
+  );
+}