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

added page 404

Browse source
This commit is contained in:
Fedor Katurov 2022-01-29 17:20:41 +07:00
parent e8f1bec1fb
commit ff8221fc1b
10 changed files with 1421 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -15,7 +15,7 @@ type IButtonProps = DetailedHTMLProps<
HTMLButtonElement
> & {
size?: 'mini' | 'normal' | 'big' | 'giant' | 'micro' | 'small';
color?: 'primary' | 'secondary' | 'outline' | 'link' | 'gray' | 'lab';
color?: 'primary' | 'secondary' | 'outline' | 'link' | 'gray' | 'lab' | 'outline-white';
iconLeft?: IIcon;
iconRight?: IIcon;
title?: string;
@ -48,8 +48,8 @@ const Button: FC<IButtonProps> = memo(
disabled,
stretchy,
icon: ((iconLeft || iconRight) && !title && !children) || iconOnly,
has_icon_left: !!iconLeft,
has_icon_right: !!iconRight,
[styles.has_icon_left]: !!iconLeft,
[styles.has_icon_right]: !!iconRight,
round,
}),
[

21
src/components/input/Button/styles.module.scss
View file

@ -104,12 +104,12 @@
}
}
&:global(.has_icon_left) {
&.has_icon_left {
padding-left: $gap;
padding-right: $gap;
}
&:global(.has_icon_right) {
&.has_icon_right {
padding-left: $gap;
padding-right: $gap;
}
@ -124,6 +124,16 @@
}
}
&.outline-white {
background: transparent;
box-shadow: inset transparentize(white, 0) 0 0 0 2px;
color: transparentize(white, 0);
svg {
fill: transparentize(white, 0);
}
}
&.gray {
background: lighten($content_bg, 8%);
}
@ -191,12 +201,17 @@
.giant {
height: 50px;
padding: 0 15px;
padding: 0 30px;
min-width: 50px;
&:global(.round) {
border-radius: 25px;
}
&.has_icon_left {
padding-left: 20px;
padding-right: 30px;
}
}
.disabled {