alphard/ComfyUI-Lora-Manager
1
0
Fork 0
mirror of https://github.com/willmiao/ComfyUI-Lora-Manager.git synced 2026-03-24 22:52:12 -03:00
Code Issues Packages Projects Releases Wiki Activity

Refactor code structure for improved readability and maintainability

Browse Source
This commit is contained in:
Will Miao
2025-05-03 17:06:57 +08:00
parent 235dcd5fa6
commit 48df7e1078
6 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
README.md
View File

@@ -283,7 +283,16 @@ If you find this project helpful, consider supporting its development:
[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/pixelpawsai) [![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/pixelpawsai)
WeChat & Alipay: [Click to view QR codes](https://raw.githubusercontent.com/willmiao/ComfyUI-Lora-Manager/main/static/images/combined-qr.webp) <div align="left">
<table>
<tr>
<td align="center">
<p>WeChat:</p>
<img src="https://github.com/willmiao/ComfyUI-Lora-Manager/blob/main/static/images/wechat-qr.webp" alt="WeChat QR" width="200" />
</td>
</tr>
</table>
</div>
## 💬 Community ## 💬 Community

3
static/css/components/support-modal.css
View File

@@ -151,11 +151,12 @@
} }
.qrcode-image { .qrcode-image {
max-width: 100%; max-width: 80%;
height: auto; height: auto;
border-radius: var(--border-radius-sm); border-radius: var(--border-radius-sm);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
border: 1px solid var(--lora-border); border: 1px solid var(--lora-border);
aspect-ratio: 1/1; /* Ensure proper aspect ratio for the square QR code */
} }
.support-footer { .support-footer {

BIN
static/images/combined-qr.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 225 KiB

BIN
static/images/wechat-qr.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 98 KiB

4
static/js/components/Header.js
View File

@@ -90,7 +90,7 @@ export class HeaderManager {
const toggleText = qrToggle.querySelector('.toggle-text'); const toggleText = qrToggle.querySelector('.toggle-text');
if (qrContainer.classList.contains('show')) { if (qrContainer.classList.contains('show')) {
toggleText.textContent = 'Hide QR Codes'; toggleText.textContent = 'Hide WeChat QR Code';
// Add small delay to ensure DOM is updated before scrolling // Add small delay to ensure DOM is updated before scrolling
setTimeout(() => { setTimeout(() => {
const supportModal = document.querySelector('.support-modal'); const supportModal = document.querySelector('.support-modal');
@@ -102,7 +102,7 @@ export class HeaderManager {
} }
}, 250); }, 250);
} else { } else {
toggleText.textContent = 'Show QR Codes'; toggleText.textContent = 'Show WeChat QR Code';
} }
}); });
} }

8
templates/components/modals.html
View File

@@ -245,15 +245,15 @@
<!-- New section for Chinese payment methods --> <!-- New section for Chinese payment methods -->
<div class="support-section"> <div class="support-section">
<h3><i class="fas fa-qrcode"></i> WeChat & Alipay Support</h3> <h3><i class="fas fa-qrcode"></i> WeChat Support</h3>
<p>For users in China, you can support via WeChat Pay or Alipay:</p> <p>For users in China, you can support via WeChat:</p>
<button class="secondary-btn qrcode-toggle" id="toggleQRCode"> <button class="secondary-btn qrcode-toggle" id="toggleQRCode">
<i class="fas fa-qrcode"></i> <i class="fas fa-qrcode"></i>
<span class="toggle-text">Show QR Codes</span> <span class="toggle-text">Show WeChat QR Code</span>
<i class="fas fa-chevron-down toggle-icon"></i> <i class="fas fa-chevron-down toggle-icon"></i>
</button> </button>
<div class="qrcode-container" id="qrCodeContainer"> <div class="qrcode-container" id="qrCodeContainer">
<img src="/loras_static/images/combined-qr.webp" alt="WeChat Pay & Alipay QR Codes" class="qrcode-image"> <img src="/loras_static/images/wechat-qr.webp" alt="WeChat Pay QR Code" class="qrcode-image">
</div> </div>
</div> </div>