|
|
@ -11,7 +11,14 @@ export const FloatingButton = ({ action, position, icon, size }) => { |
|
|
|
className={`fixed bg-blueC0 rounded-full w-${size} h-${size} transform transition-all hover:scale-110 active:scale-90 flex justify-center items-center shadow-xl z-10`} |
|
|
|
className={`fixed bg-blueC0 rounded-full w-${size} h-${size} transform transition-all hover:scale-110 active:scale-90 flex justify-center items-center shadow-xl z-10`} |
|
|
|
style={position} |
|
|
|
style={position} |
|
|
|
> |
|
|
|
> |
|
|
|
<img src={icon} alt="" style={{transform: 'translateX(-0px) translateY(3px)', width : size * 1.3}} /> |
|
|
|
<img |
|
|
|
|
|
|
|
src={icon} |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
style={{ |
|
|
|
|
|
|
|
transform: "translateX(-0px) translateY(1px)", |
|
|
|
|
|
|
|
width: size * 1.3, |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
/> |
|
|
|
</button> |
|
|
|
</button> |
|
|
|
); |
|
|
|
); |
|
|
|
}; |
|
|
|
}; |
|
|
@ -24,5 +31,5 @@ export default connect(mapStateToProps, mapDispatchToProps)(FloatingButton); |
|
|
|
|
|
|
|
|
|
|
|
FloatingButton.defaultProps = { |
|
|
|
FloatingButton.defaultProps = { |
|
|
|
icon: plusIcon, |
|
|
|
icon: plusIcon, |
|
|
|
size : 20 |
|
|
|
size: 14, |
|
|
|
}; |
|
|
|
}; |
|
|
|