Merge pull request #195 from pxblue/feature/update-empty-state-icon-size

Feature/update empty state icon size
etn-ccis · Sep 9, 2020 · f77564a · f77564a
2 parents a856b96 + f2bbd6f
commit f77564a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/src/core/EmptyState/EmptyState.tsx b/components/src/core/EmptyState/EmptyState.tsx
@@ -34,7 +34,7 @@ const useStyles = makeStyles((theme) => ({
     icon: {
         marginBottom: theme.spacing(2),
         display: 'flex',
-        fontSize: 100,
+        fontSize: 96,
     },
     actions: {
         marginTop: theme.spacing(1),

diff --git a/docs/EmptyState.md b/docs/EmptyState.md
@@ -15,7 +15,7 @@ The `<EmptyState>` component is an element that can be used as a placeholder whe
 ```tsx
 import { EmptyState } from '@pxblue/react-components';
 
-<EmptyState icon={<AlertIcon style={{ fontSize: '100px', marginBottom: '15px' }} />} title={'No Alarms Found'} />;
+<EmptyState icon={<AlertIcon fontSize: 'inherit' />} title={'No Alarms Found'} />;
 ```
 
 ## API
-Original file line number
+Diff line change
@@ Expand Up @@
     ```tsx
     import { EmptyState } from '@pxblue/react-components';
-    <EmptyState icon={<AlertIcon style={{ fontSize: '100px', marginBottom: '15px' }} />} title={'No Alarms Found'} />;
+    <EmptyState icon={<AlertIcon fontSize: 'inherit' />} title={'No Alarms Found'} />;
     ```
     ## API
@@ Expand Down @@