From 6898959fce6d73b14d929afa3ef4f98451d479cb Mon Sep 17 00:00:00 2001
From: Brian Picciano <mediocregopher@gmail.com>
Date: Wed, 5 Sep 2018 17:17:35 -0400
Subject: implement displaying qr codes for crypto donations

---
 assets/main.css | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

(limited to 'assets/main.css')

diff --git a/assets/main.css b/assets/main.css
index cd0b855..db00af8 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -43,6 +43,40 @@ ul {
     margin-right: 0.5em;
 }
 
+#crypto-display {
+    margin-right: 2rem;
+}
+
+/* the qr library uses a canvas to generate the qr code then base64's it into a
+ * separate img tag. For an instant the original canvas shows though, creating
+ * an annoying visual, so this ensures that that doesn't happen. */
+#crypto-display-qr canvas {
+    display: none;
+}
+
+#crypto-display-qr img {
+    width: 100%;
+}
+
+#crypto-display-addr {
+    word-wrap: break-word;
+    margin-top: 1em;
+}
+
+#crypto-display-x {
+    text-align: center;
+    margin-top: 1em;
+}
+
+#crypto-display-x span:hover {
+    cursor: pointer;
+    font-weight: bold;
+}
+
+#crypto-display-x span {
+    cursor: pointer;
+}
+
 #posts-list {
     margin-top: 3rem;
     list-style: none;
-- 
cgit v1.2.3