wip: image position

mtguerson · Apr 8, 2024 · 655f586 · 655f586
1 parent 684b541
commit 655f586
Show file tree

Hide file tree

Showing 9 changed files with 45 additions and 7 deletions.
diff --git a/frontend/.editorconfig b/frontend/.editorconfig
@@ -0,0 +1,12 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
diff --git a/frontend/index.html b/frontend/index.html
@@ -1,13 +1,13 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" class="h-full">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>fincheck</title>
   </head>
-  <body>
-    <div id="root"></div>
+  <body class="h-full">
+    <div id="root" class="h-full"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/frontend/src/Router/index.tsx b/frontend/src/Router/index.tsx
@@ -1,17 +1,23 @@
 import {Routes, Route, BrowserRouter} from 'react-router-dom';
 import {AuthGuard} from './AuthGuard';
+import { Dashboard } from '../view/pages/Dashboard';
+import { Login } from '../view/pages/Login';
+import { Register } from '../view/pages/Register';
+import { AuthLayout } from '../view/layouts/AuthLayout';
 
 export function Router() {
   return (
     <BrowserRouter>
       <Routes>
         <Route element={<AuthGuard isPrivate={false}/>}>
-          <Route path="/login" element={<h1>Login</h1>} />
-          <Route path="/register" element={<h1>Register</h1>} />
+          <Route element={<AuthLayout />} >
+            <Route path="/login" element={<Login />} />
+            <Route path="/register" element={<Register />} />
+          </Route>
         </Route>
 
         <Route element={<AuthGuard isPrivate />}>
-          <Route path="/" element={<h1>Dashbord</h1>} />
+          <Route path="/" element={<Dashboard />} />
         </Route>
       </Routes>
     </BrowserRouter>

diff --git a/frontend/src/assets/illustration.png b/frontend/src/assets/illustration.png
diff --git a/frontend/src/assets/react.svg b/frontend/src/assets/react.svg
diff --git a/frontend/src/view/layouts/AuthLayout.tsx b/frontend/src/view/layouts/AuthLayout.tsx
@@ -0,0 +1,12 @@
+import illustration from '../../assets/illustration.png';
+
+export function AuthLayout() {
+  return (
+    <div className="flex w-full h-full">
+      <div className="w-1/2 h-full"></div>
+      <div className="w-1/2 h-full flex justify-center items-center p-8">
+        <img src={illustration} className="object-contain w-full h-full max-w-[656px] max-h-[960px]" />
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/view/pages/Dashboard/index.tsx b/frontend/src/view/pages/Dashboard/index.tsx
@@ -0,0 +1,3 @@
+export function Dashboard() {
+  return <h1>Dashboard</h1>
+}
diff --git a/frontend/src/view/pages/Login/index.tsx b/frontend/src/view/pages/Login/index.tsx
@@ -0,0 +1,3 @@
+export function Login() {
+  return <h1>Login</h1>
+}
diff --git a/frontend/src/view/pages/Register/index.tsx b/frontend/src/view/pages/Register/index.tsx
@@ -0,0 +1,3 @@
+export function Register() {
+  return <h1>Register</h1>
+}