drawdb-io/drawdb
1
0
Fork 0
mirror of https://github.com/drawdb-io/drawdb.git synced 2025-12-23 02:01:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

Plan layout

Browse Source
This commit is contained in:
1ilit
2023-09-19 15:46:48 +03:00
parent 64835d8800
commit 02541374ea
6 changed files with 54 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/control_panel/index.jsx Normal file
View File

@@ -0,0 +1,23 @@
import React from "react";
export default function ControlPanel() {
return (
<nav className="bg-gray-200 ">
<div className="flex justify-between items-center">
<ul className="flex justify-start text-md ms-3">
<li className="me-5">File</li>
<li className="me-5">Edit</li>
<li className="me-5">Insert</li>
<li className="me-5">View</li>
<li className="me-5">Help</li>
</ul>
<button>
<i className="fa-solid fa-caret-up me-3"></i>
</button>
</div>
<div className="p-1">
tools
</div>
</nav>
);
}

8
src/components/diagram/index.jsx
View File

@@ -10,7 +10,7 @@ function Diagram() {
new dia.Paper({
el: document.getElementById("canvas"),
background: {
color: "#F1F92A",
color: "#aec3b0",
},
model: graph,
height: "100%",
@@ -34,11 +34,7 @@ function Diagram() {
rect.addTo(graph);
}, []);
return (
<>
<div id="canvas" className="max-w-full h-full" ref={canvas} />
</>
);
return <div id="canvas" ref={canvas} />;
}
export default Diagram;

10
src/components/header/index.jsx
View File

@@ -5,12 +5,12 @@ import "./index.css";
export default function Header(props) {
return (
<nav className="flex justify-between py-4 bg-blue text-white items-center">
<img width={142} src={logo} alt="logo" className="ms-5" />
<nav className="flex justify-between py-2 bg-blue text-white items-center">
<img width={136} src={logo} alt="logo" className="ms-8" />
<div className="text-xl">{props.name}</div>
<div className="flex justify-around items-center text-md me-5">
<button className="me-4 border px-3 py-1 rounded-lg">
<i class="fa-solid fa-lock me-2"></i>Share
<div className="flex justify-around items-center text-md me-8">
<button className="me-6 border px-4 py-1 rounded-xl">
<i className="fa-solid fa-lock me-2"></i>Share
</button>
<img src={blank_pfp} alt="profile" className="rounded-full h-10 w-10" />
</div>

12
src/components/sidebar/index.jsx Normal file
View File

@@ -0,0 +1,12 @@
import React from "react";
export default function Sidebar() {
return (
<div className="px-3 fixed right-0 bg-white h-full">
<div className="w-12 h-12 bg-blue-200 rounded-full mb-4"></div>
<div className="w-12 h-12 bg-blue-200 rounded-full mb-4"></div>
<div className="w-12 h-12 bg-blue-200 rounded-full mb-4"></div>
<div className="w-12 h-12 bg-blue-200 rounded-full mb-4"></div>
</div>
);
}