24 lines
937 B
TypeScript
24 lines
937 B
TypeScript
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 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/>
|
|
</div>
|
|
</>
|
|
);
|
|
} |