Refactor chart components.

2020-10-14 22:09:00 -07:00
parent 37bc082efc
commit 7d659212b0
12 changed files with 157 additions and 108 deletions
--- a/components/common/Dot.js
+++ b/components/common/Dot.js
@@ -4,12 +4,14 @@ import styles from './Dot.module.css';

 export default function Dot({ color, size, className }) {
  return (
-    <div
-      style={{ background: color }}
-      className={classNames(styles.dot, className, {
-        [styles.small]: size === 'small',
-        [styles.large]: size === 'large',
-      })}
-    />
+    <div className={styles.wrapper}>
+      <div
+        style={{ background: color }}
+        className={classNames(styles.dot, className, {
+          [styles.small]: size === 'small',
+          [styles.large]: size === 'large',
+        })}
+      />
+    </div>
  );
 }