From 9fe1ce19ad9feb5da5796d5db27bf774c8483840 Mon Sep 17 00:00:00 2001
From: Will Miao <13051207myq@gmail.com>
Date: Thu, 26 Jun 2025 09:54:07 +0800
Subject: [PATCH] feat: add Patreon support section to the support modal with
styling
---
static/css/components/support-modal.css | 27 ++++++++++++++++++++-----
templates/components/modals.html | 10 +++++++++
2 files changed, 32 insertions(+), 5 deletions(-)
diff --git a/static/css/components/support-modal.css b/static/css/components/support-modal.css
index 20e28009..f860a93c 100644
--- a/static/css/components/support-modal.css
+++ b/static/css/components/support-modal.css
@@ -7,9 +7,6 @@
display: flex;
align-items: center;
gap: var(--space-2);
- margin-bottom: var(--space-3);
- padding-bottom: var(--space-2);
- border-bottom: 1px solid var(--lora-border);
}
.support-icon {
@@ -33,13 +30,11 @@
.support-content {
display: flex;
flex-direction: column;
- gap: var(--space-2);
}
.support-content > p {
font-size: 1.1em;
text-align: center;
- margin-bottom: var(--space-1);
}
.support-section {
@@ -117,6 +112,28 @@
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
+/* Patreon button style */
+.patreon-button {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 10px;
+ padding: 10px 20px;
+ background: #F96854;
+ color: white;
+ border-radius: var(--border-radius-sm);
+ text-decoration: none;
+ font-weight: 500;
+ transition: all 0.2s ease;
+ margin-top: var(--space-1);
+}
+
+.patreon-button:hover {
+ background: #E04946;
+ transform: translateY(-2px);
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
/* QR Code section styles */
.qrcode-toggle {
width: 100%;
diff --git a/templates/components/modals.html b/templates/components/modals.html
index dc6ab262..070d817b 100644
--- a/templates/components/modals.html
+++ b/templates/components/modals.html
@@ -377,6 +377,16 @@
+
+
+
WeChat Support