Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-17 02:01:29 +10:00
Code Issues Packages Projects Releases Wiki Activity

- creating the right sidebar

Browse Source 
- designing the artboard
- optimizing dark mode performance
- optimizing input onChange handler
This commit is contained in:
Amruth Pillai
2020-07-05 11:34:32 +05:30
parent 6f66181c17
commit 202c7f5ad4
28 changed files with 285 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/app/builder.js
View File

@ -1,16 +1,22 @@
import React from "react";
import Artboard from "../../components/builder/center/Artboard";
import LeftSidebar from "../../components/builder/left/LeftSidebar";
import RightSidebar from "../../components/builder/right/RightSidebar";
import Wrapper from "../../components/shared/Wrapper";
const Builder = ({ id }) => {
return (
<Wrapper>
<div className="h-screen grid grid-cols-12">
<div className="h-screen grid grid-cols-11">
<div className="col-span-3">
<LeftSidebar />
</div>
<div className="col-span-6"></div>
<div className="col-span-3"></div>
<div className="col-span-5 bg-inverse-dark flex items-center justify-center">
<Artboard />
</div>
<div className="col-span-3">
<RightSidebar />
</div>
</div>
</Wrapper>
);