Toggle formatting on click. Renamed charts folder to metrics.

2020-08-21 13:43:42 -07:00
parent d9f3c385fb
commit e75593443a
19 changed files with 33 additions and 28 deletions
--- a/components/metrics/QuickButtons.module.css
+++ b/components/metrics/QuickButtons.module.css
@@ -0,0 +1,33 @@
+.buttons {
+  display: flex;
+  align-content: center;
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: auto;
+}
+
+.buttons button + button {
+  margin-left: 10px;
+}
+
+.buttons .button {
+  font-size: var(--font-size-xsmall);
+  padding: 4px 8px;
+}
+
+.active {
+  font-weight: 600;
+}
+
+@media only screen and (max-width: 768px) {
+  .buttons button:last-child {
+    display: none;
+  }
+}
+
+@media only screen and (max-width: 576px) {
+  .buttons {
+    display: none;
+  }
+}