muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-05-03 00:26:41 +07:00
Code Packages Activity Actions

fixed lab hover effect

Browse source
This commit is contained in:
Fedor Katurov 2022-12-22 13:45:23 +06:00
parent 1d7c09aa7b
commit 77e8705f41
3 changed files with 40 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/common/Hoverable/index.tsx
View file

@ -6,19 +6,23 @@ import { DivProps } from '~/utils/types';
import styles from './styles.module.scss';
type HoverableEffect = 'rise' | 'shine';
interface HoverableProps extends DivProps {
icon?: ReactNode;
effect?: HoverableEffect;
}
const Hoverable: FC<HoverableProps> = ({
children,
className,
icon,
effect = 'rise',
...rest
}) => (
<div
{...rest}
className={classNames(styles.hoverable, className, {
className={classNames(styles.hoverable, styles[effect], className, {
[styles.with_icon]: !!icon,
})}
>