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

add opacity animation to page controller

Browse Source
This commit is contained in:
Amruth Pillai
2020-04-01 15:57:14 +05:30
parent e25c0b302b
commit 9d1d92fb42
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/shared/PageController.js
View File

@ -14,7 +14,10 @@ const PageController = () => {
}; };
return ( return (
<div id="pageController" className="absolute z-20"> <div
id="pageController"
className="absolute z-20 opacity-75 hover:opacity-100 transition-all duration-150"
>
<div className="px-8 border border-gray-200 rounded-full bg-white flex justify-center items-center select-none"> <div className="px-8 border border-gray-200 rounded-full bg-white flex justify-center items-center select-none">
<div className="p-3 hover:bg-gray-200 cursor-pointer flex" onClick={zoomIn}> <div className="p-3 hover:bg-gray-200 cursor-pointer flex" onClick={zoomIn}>
<i className="material-icons">zoom_in</i> <i className="material-icons">zoom_in</i>