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

Increase download client logo size in cards to 64x64px (4x), keep filter picker at 20x20px
All checks were successful
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

4
public/app.js
View File

@@ -718,7 +718,7 @@ function createDownloadCard(download) {
// Add client logo
if (download.client) {
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');
clientLogo.className = 'download-client-logo';
@@ -797,7 +797,7 @@ function createDownloadCard(download) {
// Add client logo
if (download.client) {
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');
clientLogo.className = 'download-client-logo';

15
public/style.css
View File

@@ -1421,14 +1421,20 @@ body {
}
.download-client-logo-wrapper {
width: 16px;
height: 16px;
width: 20px;
height: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
/* Card-specific logo wrapper (4x larger) */
.download-card-logo-wrapper {
width: 64px;
height: 64px;
}
.download-client-logo {
width: 100%;
height: 100%;
@@ -1443,6 +1449,11 @@ body {
color: var(--text-primary);
}
.download-card-logo-wrapper.fallback {
font-size: 40px;
border-radius: 4px;
}
/* ===== Status Button ===== */
.status-btn {
padding: 4px 12px;