Gandalf/sofarr
Public Access
0
0
Fork 0
Code Issues 1 Pull Requests Actions 1 Packages Projects Releases 59 Wiki Activity

Increase download client logo size in cards to 64x64px (4x), keep filter picker at 20x20px
Build and Push Docker Image / build (push) Successful in 48s
Details
Licence Check / Licence compatibility and copyright header verification (push) Successful in 48s
Details
CI / Security audit (push) Successful in 1m10s
Details
CI / Tests & coverage (push) Successful in 1m15s
Details

Browse Source
This commit is contained in:
Gronod
2026-05-20 00:26:54 +01:00
parent 82a9df134b
commit 73500751a0
2 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app.js
+2 -2
View File
@@ -718,7 +718,7 @@ function createDownloadCard(download) {
// Add client logo // Add client logo
if (download.client) { if (download.client) {
const clientLogoWrapper = document.createElement('span'); const clientLogoWrapper = document.createElement('span');
clientLogoWrapper.className = 'download-client-logo-wrapper'; clientLogoWrapper.className = 'download-client-logo-wrapper download-card-logo-wrapper';
const clientLogo = document.createElement('img'); const clientLogo = document.createElement('img');
clientLogo.className = 'download-client-logo'; clientLogo.className = 'download-client-logo';
@@ -797,7 +797,7 @@ function createDownloadCard(download) {
// Add client logo // Add client logo
if (download.client) { if (download.client) {
const clientLogoWrapper = document.createElement('span'); const clientLogoWrapper = document.createElement('span');
clientLogoWrapper.className = 'download-client-logo-wrapper'; clientLogoWrapper.className = 'download-client-logo-wrapper download-card-logo-wrapper';
const clientLogo = document.createElement('img'); const clientLogo = document.createElement('img');
clientLogo.className = 'download-client-logo'; clientLogo.className = 'download-client-logo';
public/style.css
+13 -2
View File
@@ -1421,14 +1421,20 @@ body {
} }
.download-client-logo-wrapper { .download-client-logo-wrapper {
width: 16px; width: 20px;
height: 16px; height: 20px;
flex-shrink: 0; flex-shrink: 0;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
/* Card-specific logo wrapper (4x larger) */
.download-card-logo-wrapper {
width: 64px;
height: 64px;
}
.download-client-logo { .download-client-logo {
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -1443,6 +1449,11 @@ body {
color: var(--text-primary); color: var(--text-primary);
} }
.download-card-logo-wrapper.fallback {
font-size: 40px;
border-radius: 4px;
}
/* ===== Status Button ===== */ /* ===== Status Button ===== */
.status-btn { .status-btn {
padding: 4px 12px; padding: 4px 12px;