update webapp for client logo appr

This commit is contained in:
Purple
2026-01-17 21:52:31 +00:00
parent 54307c7b73
commit bb39efb0c8

View File

@@ -574,30 +574,42 @@ if (function_exists('requireAuth')) {
.client-cell {
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
width: 100%;
}
.client-logo {
width: 28px;
height: 28px;
border-radius: 6px;
object-fit: cover;
width: 36px;
height: 36px;
border-radius: 8px;
object-fit: contain;
background: var(--bg-tertiary);
flex-shrink: 0;
padding: 4px;
transition: transform 0.15s ease;
cursor: pointer;
}
.client-logo:hover {
transform: scale(1.1);
}
.client-logo-placeholder {
width: 28px;
height: 28px;
border-radius: 6px;
width: 36px;
height: 36px;
border-radius: 8px;
background: var(--purple-lighter);
display: flex;
align-items: center;
justify-content: center;
color: var(--purple-primary);
font-size: 12px;
font-size: 14px;
font-weight: 600;
flex-shrink: 0;
transition: transform 0.15s ease;
cursor: pointer;
}
.client-logo-placeholder:hover {
transform: scale(1.1);
}
/* Security flags */
@@ -2169,12 +2181,11 @@ if (function_exists('requireAuth')) {
</td>
<td>
${entry.client_short_name ? `
<div class="client-cell">
<div class="client-cell" title="${escapeHtml(entry.client_short_name)}">
${clientLogos[entry.client_short_name]
? `<img src="${escapeHtml(clientLogos[entry.client_short_name])}" class="client-logo" alt="" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"><span class="client-logo-placeholder" style="display:none">${escapeHtml(entry.client_short_name.charAt(0).toUpperCase())}</span>`
: `<span class="client-logo-placeholder">${escapeHtml(entry.client_short_name.charAt(0).toUpperCase())}</span>`
? `<img src="${escapeHtml(clientLogos[entry.client_short_name])}" class="client-logo" alt="${escapeHtml(entry.client_short_name)}" title="${escapeHtml(entry.client_short_name)}" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"><span class="client-logo-placeholder" style="display:none" title="${escapeHtml(entry.client_short_name)}">${escapeHtml(entry.client_short_name.charAt(0).toUpperCase())}</span>`
: `<span class="client-logo-placeholder" title="${escapeHtml(entry.client_short_name)}">${escapeHtml(entry.client_short_name.charAt(0).toUpperCase())}</span>`
}
<span class="cell-truncate">${escapeHtml(entry.client_short_name)}</span>
</div>
` : '<span style="color: var(--text-tertiary)">-</span>'}
</td>