Add donation button to home page.

2021-08-02 22:03:59 +01:00
parent 38dd135f67
commit 0139a91882
2 changed files with 30 additions and 7 deletions
--- a/src/components/ui/Button.tsx
+++ b/src/components/ui/Button.tsx
@@ -6,6 +6,7 @@ interface Props {
    readonly contrast?: boolean;
    readonly plain?: boolean;
    readonly error?: boolean;
+    readonly gold?: boolean;
    readonly iconbutton?: boolean;
 }

@@ -125,4 +126,22 @@ export default styled.button<Props>`
                background: var(--error);
            }
        `}
+    
+    ${(props) =>
+        props.gold &&
+        css`
+            color: black;
+            font-weight: 600;
+            background: goldenrod;
+
+            &:hover {
+                filter: brightness(1.2);
+                background: goldenrod;
+            }
+
+            &:disabled {
+                cursor: not-allowed;
+                background: goldenrod;
+            }
+        `}
 `;