mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 04:46:40 +07:00
made new hero component
This commit is contained in:
parent
3b7997b442
commit
330e233869
10 changed files with 321 additions and 15 deletions
|
@ -3,14 +3,15 @@ import styles from './styles.module.scss';
|
|||
import { describeArc } from '~/utils/dom';
|
||||
import classNames from 'classnames';
|
||||
import { LoaderCircleInner } from '~/components/input/LoaderCircleInner';
|
||||
import { SVGProps } from '~/utils/types';
|
||||
|
||||
interface IProps {
|
||||
interface IProps extends SVGProps {
|
||||
size?: number;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
export const LoaderCircle: FC<IProps> = ({ size = 24, className }) => (
|
||||
<div className={classNames(styles.wrap, 'loader-circle', className)}>
|
||||
<LoaderCircleInner size={size} />
|
||||
export const LoaderCircle: FC<IProps> = ({ size = 24, ...rest }) => (
|
||||
<div className={classNames(styles.wrap, 'loader-circle', rest.className)}>
|
||||
<LoaderCircleInner {...rest} size={size} />
|
||||
</div>
|
||||
);
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
|
||||
.icon {
|
||||
fill: transparentize(black, 0.6);
|
||||
fill: currentColor;
|
||||
stroke: none;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue