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

added Gengar template, optimized images for fast loading

Browse Source
This commit is contained in:
Amruth Pillai
2020-03-26 12:06:52 +05:30
parent 4b8cd1c66a
commit 3311e3b49b
11 changed files with 51318 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/RightSidebar/tabs/Layout.js → src/components/RightSidebar/tabs/Templates.js
View File

@ -1,8 +1,9 @@
import React from 'react';
import Onyx, { Image as OnyxPreview } from '../../../templates/onyx';
import Pikachu, { Image as PikachuPreview } from '../../../templates/pikachu';
import Gengar, { Image as GengarPreview } from '../../../templates/gengar';
const layouts = [
const templates = [
{
name: 'Onyx',
component: Onyx,
@ -13,12 +14,17 @@ const layouts = [
component: Pikachu,
preview: PikachuPreview,
},
{
name: 'Gengar',
component: Gengar,
preview: GengarPreview,
},
];
const LayoutTab = ({ theme, onChange }) => {
const TemplatesTab = ({ theme, onChange }) => {
return (
<div className="grid grid-cols-2 gap-6">
{layouts.map(x => (
{templates.map(x => (
<div key={x.name} className="text-center" onClick={() => onChange('theme.layout', x.name)}>
<img
className={`rounded cursor-pointer object-cover border shadow hover:shadow-md ${
@ -36,4 +42,4 @@ const LayoutTab = ({ theme, onChange }) => {
);
};
export default LayoutTab;
export default TemplatesTab;