Show sats instead of BTC on donation page, refactor CSS

* Show sats instead of BTC on donation page * Use number delimiters on both donation page and wallet page * Refactor donation page CSS into Tailwind directives
2021-11-28 11:49:33 -06:00
parent dd49d1208f
commit 9abdab2274
4 changed files with 15 additions and 52 deletions
--- a/app/assets/stylesheets/donations.scss
+++ b/app/assets/stylesheets/donations.scss
@@ -1,40 +0,0 @@
-ul.donations {
-  list-style: none;
-
-  li {
-    margin-bottom: 2rem;
-    display: grid;
-    grid-row-gap: 0.5rem;
-    grid-column-gap: 2rem;
-    grid-template-columns: 1fr 1fr;
-    grid-template-areas:
-      "date amount-btc"
-      "public-name amounts-fiat";
-
-    h3 {
-      grid-area: "date";
-      margin-bottom: 0;
-    }
-
-    p {
-      margin-bottom: 0;
-
-      &.amount-btc {
-        grid-area: amount-btc;
-        text-align: right;
-        font-family: monospace;
-        font-size: 1.25rem;
-      }
-      &.amounts-fiat {
-        grid-area: amounts-fiat;
-        text-align: right;
-        font-family: monospace;
-        font-size: 0.85rem;
-        color: #888;
-      }
-      &.public-name {
-        grid-area: public-name;
-      }
-    }
-  }
-}