wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-07-07 07:28:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

Updated colors

Browse Source
This commit is contained in:
Belén Curcio
2018-09-11 09:47:59 -03:00
parent dce2177dcd
commit b5db80b1e1
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/core/client/ui/components/Message/Message.css
+2 -2
View File
@@ -12,13 +12,13 @@
border-left-width: calc(0.8 * var(--spacing-unit));
}
.colorInfo {
.colorGrey {
background-color: var(--palette-common-white);
border-color: var(--palette-grey-main);
color: var(--palette-grey-main);
}
.colorValidation {
.colorError {
background-color: var(--palette-error-light);
border-color: var(--palette-error-darkest);
color: var(--palette-common-white);
src/core/client/ui/components/Message/Message.tsx
+5 -5
View File
@@ -28,9 +28,9 @@ export interface MessageProps {
*/
icon?: string;
/*
* Name of color, "info" stays by default - common gray one
* Name of color, "grey" stays by default - common gray one
*/
color?: "validation" | "info";
color?: "error" | "grey";
}
const Message: StatelessComponent<MessageProps> = props => {
@@ -47,8 +47,8 @@ const Message: StatelessComponent<MessageProps> = props => {
const rootClassName = cn(
classes.root,
{
[classes.colorInfo]: color === "info",
[classes.colorValidation]: color === "validation",
[classes.colorGrey]: color === "grey",
[classes.colorError]: color === "error",
[classes.fullWidth]: fullWidth,
},
className
@@ -67,7 +67,7 @@ const Message: StatelessComponent<MessageProps> = props => {
};
Message.defaultProps = {
color: "info",
color: "grey",
fullWidth: false,
};