last front

src/layouts/MainLayout.tsx

@@ -1,15 +1,23 @@
 import {Link, Outlet} from "react-router-dom";
 import React from "react";
+import logoUrl from '../img/logo.svg';
+import "./css/MainLayout.css"
 
 export function MainLayout() {
     return (
         <>
-            <div className="header">
-                <Link to="/dashboard" className="menu-button">☰</Link>
-                <h1 className="logo">Pro-Fi Test</h1>
+            <div className="header container flex-col">
+                <Link to="/dashboard" className="menu-button self-end">
+                    <svg width="75" height="65" viewBox="0 0 75 65" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <rect width="75" height="15" rx="7.5" className={"rect"}/>
+                        <rect y="25" width="75" height="15" rx="7.5" className={"rect"}/>
+                        <rect y="50" width="75" height="15" rx="7.5" className={"rect"}/>
+                    </svg>
+                </Link>
+                <img src={logoUrl as string} alt="Logo"/>
             </div>
             <div className="content">
-                <Outlet />
+                <Outlet/>
             </div>
         </>
     );