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

added entry animation to app

Browse Source
This commit is contained in:
Amruth Pillai
2020-03-27 18:04:26 +05:30
parent 980526ffbb
commit d3c6b23564
6 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -38,7 +38,11 @@ const App = () => {
<LeftSidebar />
<div className="z-0 h-screen col-span-3 flex justify-center items-center overflow-scroll">
<div id="page" className="p-10 my-auto shadow-2xl">
<div
id="page"
className="animated fadeIn p-10 my-auto shadow-2xl"
style={{ animationDelay: '500ms' }}
>
{renderTemplate()}
</div>
</div>

4
src/components/LeftSidebar/LeftSidebar.js
View File

@ -31,7 +31,7 @@ const LeftSidebar = () => {
const { state, dispatch } = context;
const { data } = state;
const [currentTab, setCurrentTab] = useState('Languages');
const [currentTab, setCurrentTab] = useState('Profile');
const onChange = (key, value) => {
dispatch({
type: 'on_input',
@ -74,7 +74,7 @@ const LeftSidebar = () => {
return (
<div
id="leftSidebar"
className="z-10 py-6 h-screen bg-white col-span-1 shadow-2xl overflow-y-scroll"
className="animated slideInLeft z-10 py-6 h-screen bg-white col-span-1 shadow-2xl overflow-y-scroll"
>
<TabBar tabs={tabs} currentTab={currentTab} setCurrentTab={setCurrentTab} />
<div className="px-6">{renderTabs()}</div>

2
src/components/RightSidebar/RightSidebar.js
View File

@ -45,7 +45,7 @@ const RightSidebar = () => {
return (
<div
id="rightSidebar"
className="z-10 py-6 h-screen bg-white col-span-1 shadow-2xl overflow-y-scroll"
className="animated slideInRight z-10 py-6 h-screen bg-white col-span-1 shadow-2xl overflow-y-scroll"
>
<TabBar tabs={tabs} currentTab={currentTab} setCurrentTab={setCurrentTab} />
<div className="px-6">{renderTabs()}</div>