update webapp for client logo appr
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user