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

better gray buttons

Browse source
This commit is contained in:
Fedor Katurov 2019-12-02 16:58:03 +07:00
parent 5646ec164a
commit bde79a8364
4 changed files with 9 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -9,14 +9,12 @@ type IButtonProps = DetailedHTMLProps<
HTMLButtonElement
> & {
size?: 'mini' | 'normal' | 'big' | 'giant' | 'micro' | 'small';
color?: 'primary' | 'secondary' | 'outline' | 'link';
color?: 'primary' | 'secondary' | 'outline' | 'link' | 'gray';
iconLeft?: IIcon;
iconRight?: IIcon;
seamless?: boolean;
transparent?: boolean;
title?: string;
red?: boolean;
grey?: boolean;
non_submitting?: boolean;
is_loading?: boolean;
stretchy?: boolean;
@ -34,8 +32,6 @@ const Button: FC<IButtonProps> = memo(
seamless = false,
transparent = false,
non_submitting = false,
red = false,
grey = false,
is_loading,
title,
stretchy,
@ -47,8 +43,6 @@ const Button: FC<IButtonProps> = memo(
seamless || non_submitting ? 'div' : 'button',
{
className: classnames(styles.button, className, styles[size], styles[color], {
red,
grey,
seamless,
transparent,
disabled,

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

@ -161,6 +161,10 @@
}
}
&.gray {
background: lighten($content_bg, 8%);
}
&.link {
background: transparent;
color: white;

6
src/components/node/CommentForm/index.tsx
View file

@ -231,11 +231,11 @@ const CommentFormUnconnected: FC<IProps> = ({
<Group horizontal className={styles.buttons}>
<ButtonGroup>
<Button iconLeft="image" size="small" grey iconOnly>
<Button iconLeft="image" size="small" color="gray" iconOnly>
<input type="file" onInput={onInputChange} multiple accept="image/*" />
</Button>
<Button iconRight="enter" size="small" grey iconOnly>
<Button iconRight="enter" size="small" color="gray" iconOnly>
<input type="file" onInput={onInputChange} multiple accept="audio/*" />
</Button>
</ButtonGroup>
@ -244,7 +244,7 @@ const CommentFormUnconnected: FC<IProps> = ({
{is_sending_comment && <LoaderCircle size={20} />}
<Button size="small" grey iconRight="enter" disabled={is_sending_comment}>
<Button size="small" color="gray" iconRight="enter" disabled={is_sending_comment}>
Сказать
</Button>
</Group>

2
src/components/profile/MessageForm/index.tsx
View file

@ -69,7 +69,7 @@ const MessageFormUnconnected: FC<IProps> = ({
<Button
size="small"
grey
color="gray"
iconRight="enter"
disabled={is_sending_messages}
onClick={onSubmit}