Use css variables.

2020-08-05 19:04:02 -07:00
parent 5d4ff5cfa4
commit a5930f1772
29 changed files with 131 additions and 85 deletions
--- a/components/QuickButtons.js
+++ b/components/QuickButtons.js
@@ -20,7 +20,7 @@ export default function QuickButtons({ value, onChange }) {
      {Object.keys(options).map(key => (
        <Button
          key={key}
-          className={classNames({ [styles.active]: value === key })}
+          className={classNames(styles.button, { [styles.active]: value === key })}
          onClick={() => handleClick(key)}
        >
          {options[key]}