@@ -44,6 +48,7 @@ class HomePage extends ImmutablePureComponent {
{hasPatron && }
+ {hasCrypto && }
diff --git a/app/styles/components/crypto-donate.scss b/app/styles/components/crypto-donate.scss
index 10289e976..148500d70 100644
--- a/app/styles/components/crypto-donate.scss
+++ b/app/styles/components/crypto-donate.scss
@@ -1,3 +1,7 @@
+.crypto-donate {
+ padding-bottom: 10px;
+}
+
.crypto-address {
padding: 20px;
display: flex;
@@ -67,3 +71,35 @@
padding: 10px 0;
}
}
+
+.crypto-donate-panel {
+ &__message {
+ margin: 20px 0;
+ margin-top: -12px;
+ font-size: 14px;
+ }
+
+ .site-wallet {
+ display: block;
+ padding-bottom: 10px;
+ }
+
+ .crypto-address {
+ padding: 0;
+ margin: 20px 0;
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ &--has-more {
+ .site-wallet {
+ padding-bottom: 0;
+ }
+ }
+}
diff --git a/app/styles/components/wtf-panel.scss b/app/styles/components/wtf-panel.scss
index bad152f99..ce46a038a 100644
--- a/app/styles/components/wtf-panel.scss
+++ b/app/styles/components/wtf-panel.scss
@@ -129,4 +129,23 @@
}
}
}
+
+ &__expand-btn {
+ display: block;
+ width: 100%;
+ height: 100%;
+ max-height: 46px;
+ position: relative;
+ border-top: 1px solid;
+ border-color: var(--brand-color--faint);
+ transition: max-height 150ms ease;
+ overflow: hidden;
+ opacity: 1;
+ text-align: center;
+ line-height: 46px;
+ font-size: 14px;
+ cursor: pointer;
+ color: var(--primary-text-color);
+ text-decoration: none;
+ }
}