Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-14 16:51:33 +10:00
Code Issues Packages Projects Releases Wiki Activity

introduce print dialog to add more options in exporting resume

Browse Source
This commit is contained in:
Amruth Pillai
2020-04-04 23:19:46 +05:30
parent be84d2a5e4
commit a6efc3c328
14 changed files with 327 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/App/App.js
View File

@ -10,6 +10,7 @@ import RightSidebar from '../RightSidebar/RightSidebar';
import templates from '../../templates';
import PageController from '../../shared/PageController';
import PrintDialog from '../../shared/PrintDialog';
const App = () => {
const pageRef = useRef(null);
@ -36,7 +37,7 @@ const App = () => {
<div className="h-screen grid grid-cols-5 items-center">
<LeftSidebar />
<div className="relative z-0 h-screen overflow-hidden col-span-3 flex justify-center items-center">
<div className="relative z-10 h-screen overflow-hidden col-span-3 flex justify-center items-center">
<PanZoom
ref={panZoomRef}
minZoom="0.4"
@ -48,7 +49,7 @@ const App = () => {
style={{ outline: 'none' }}
>
<div id="page" ref={pageRef} className="shadow-2xl break-words">
{templates.find(x => theme.layout.toLowerCase() === x.key).component()}
{templates.find((x) => theme.layout.toLowerCase() === x.key).component()}
</div>
</PanZoom>
@ -56,6 +57,8 @@ const App = () => {
</div>
<RightSidebar />
<PrintDialog />
</div>
</Suspense>
);