muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

added request code dialog

Browse source
This commit is contained in:
Fedor Katurov 2019-11-25 16:08:22 +07:00
parent c0c832d158
commit 6dcb21e9e4
18 changed files with 292 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/input/Button/index.tsx
View file

@ -9,6 +9,7 @@ type IButtonProps = DetailedHTMLProps<
HTMLButtonElement
> & {
size?: 'mini' | 'normal' | 'big' | 'giant' | 'micro' | 'small';
color?: 'primary' | 'secondary' | 'outline' | 'link';
iconLeft?: IIcon;
iconRight?: IIcon;
seamless?: boolean;
@ -25,6 +26,7 @@ type IButtonProps = DetailedHTMLProps<
const Button: FC<IButtonProps> = memo(
({
className = '',
color = 'primary',
size = 'normal',
iconLeft,
iconRight,
@ -44,7 +46,7 @@ const Button: FC<IButtonProps> = memo(
createElement(
seamless || non_submitting ? 'div' : 'button',
{
className: classnames(styles.button, className, styles[size], {
className: classnames(styles.button, className, styles[size], styles[color], {
red,
grey,
seamless,

28
src/components/input/Button/styles.scss
View file

@ -143,6 +143,34 @@
padding-right: $gap;
}
&.primary {
background: $red_gradient;
}
&.secondary {
background: $green_gradient;
}
&.outline {
background: transparent;
box-shadow: inset transparentize(white, 0.8) 0 0 0 2px;
color: transparentize(white, 0.8);
svg {
fill: transparentize(white, 0.8);
}
}
&.link {
background: transparent;
color: white;
box-shadow: none;
svg {
fill: white;
}
}
> * {
margin: 0 5px;