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

Extending Icon for extra small

Browse Source
This commit is contained in:
Belen Curcio
2018-08-02 08:37:48 -03:00
parent 67c8ca9d57
commit 64da3f02f9
4 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/core/client/ui/components/Icon/Icon.css
+4
View File
@@ -36,6 +36,10 @@
-moz-osx-font-smoothing: grayscale;
}
.xsm {
font-size: 14px;
width: 14px;
}
.sm {
font-size: 18px;
width: 18px;
src/core/client/ui/components/Icon/Icon.mdx
+1
View File
@@ -14,6 +14,7 @@ Checkout available icons https://material.io/tools/icons/
## Basic usage
<Playground>
<Icon size="xsm">face</Icon>
<Icon size="sm">face</Icon>
<Icon size="md">face</Icon>
<Icon size="lg">face</Icon>
src/core/client/ui/components/ValidationMessage/ValidationMessage.mdx
+1 -1
View File
@@ -13,7 +13,7 @@ import
<Flex itemGutter direction="column">
<ValidationMessage>Account with this email address already exists. Try another email</ValidationMessage>
<ValidationMessage>Please enter a valid email address</ValidationMessage>
<ValidationMessage>Invalid characters. Try again</ValidationMessage>
<ValidationMessage color="error">Invalid characters. Try again</ValidationMessage>
</Flex>
</Playground>
src/core/client/ui/components/ValidationMessage/ValidationMessage.tsx
+1 -1
View File
@@ -40,7 +40,7 @@ const ValidationMessage: StatelessComponent<InnerProps> = props => {
<div className={rootClassName} {...rest}>
{color === "error" && (
<Icon size="sm" className={classes.icon}>
face
warning
</Icon>
)}
{children}