mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
login mechanism
This commit is contained in:
parent
6168841f78
commit
9528e7f699
27 changed files with 528 additions and 96 deletions
20
src/components/input/Button/index.tsx
Normal file
20
src/components/input/Button/index.tsx
Normal file
|
@ -0,0 +1,20 @@
|
|||
import * as React from 'react';
|
||||
|
||||
const style = require('./style.scss');
|
||||
|
||||
interface IButtonProps {
|
||||
children?: string,
|
||||
label?: string,
|
||||
|
||||
onClick?: React.MouseEventHandler,
|
||||
}
|
||||
|
||||
export const Button: React.FunctionComponent<IButtonProps> = ({
|
||||
children,
|
||||
label,
|
||||
onClick = () => {},
|
||||
}) => (
|
||||
<div className={style.container} onClick={onClick}>
|
||||
{label || children || ''}
|
||||
</div>
|
||||
);
|
14
src/components/input/Button/style.scss
Normal file
14
src/components/input/Button/style.scss
Normal file
|
@ -0,0 +1,14 @@
|
|||
.container {
|
||||
height: $input_height;
|
||||
border-radius: $input_radius;
|
||||
display: flex;
|
||||
background: $button_bg_color;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
font-size: $text_small;
|
||||
cursor: pointer;
|
||||
|
||||
@include outer_shadow();
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue