Improve docs

midudev · Jan 17, 2020 · 1f10f39 · 1f10f39
1 parent d2f7499
commit 1f10f39
Showing 1 changed file with 14 additions and 17 deletions.
diff --git a/doc-components/Number.js b/doc-components/Number.js
@@ -1,21 +1,18 @@
 import React from 'react'
 
+const style = {
+  alignContent: 'center',
+  alignItems: 'center',
+  backgroundColor: '#eee',
+  color: '#888',
+  display: 'flex',
+  fontSize: '100px',
+  height: '250px',
+  justifyContent: 'center',
+  textShadow: '2px 2px 0px #aaa',
+  width: '100%'
+}
+
 export default ({num}) => { // eslint-disable-line
-  return (
-    <span
-      style={{
-        color: '#888',
-        height: '250px',
-        fontSize: '100px',
-        display: 'flex',
-        alignItems: 'center',
-        alignContent: 'center',
-        justifyContent: 'center',
-        textShadow: '2px 2px 0px #aaa',
-        width: '100%'
-      }}
-    >
-      {num}
-    </span>
-  )
+  return <span style={style}>{num}</span>
 }