Add customer logo area to action bar

Introduced a customer logo section in `EnvelopeSenderPage.razor` that dynamically displays a customer logo or a placeholder when no logo is configured. The logo is fetched from the `CustomImagesService` and styled using new CSS classes in `sender-page.css`.

- Added `_companyLogo` property to store customer logo configuration.
- Updated `CustomImagesService` to fetch both app and customer logos.
- Modified `appsettings.json` to include logo paths and styles.
- Enhanced CSS for a three-section action bar layout.
- Added placeholder styling for missing customer logos.
- Updated initialization logic to load logos dynamically.
- Documented implementation details in `SF-74-PLAN.md`.

The implementation is modular and deployment-specific, allowing logo paths and styles to be updated via configuration without code changes.
This commit is contained in:
2026-09-06 10:50:05 +02:00
parent 8f6db435bb
commit 46c7c31e03
3 changed files with 462 additions and 1 deletions

View File

@@ -28,6 +28,34 @@
display: flex;
align-items: center;
gap: 1rem;
flex-shrink: 0; /* don't shrink — logo area in the middle gets the space */
}
/* ── Customer logo area (middle of action bar) ──────────────────────────── */
.sender-customer-logo-area {
flex: 1; /* takes up remaining space between left and right */
display: flex;
justify-content: center;
align-items: center;
min-width: 0; /* allow flex child to shrink below content size */
}
/* Placeholder shown when no customer logo is configured */
.sf-customer-logo-placeholder {
display: flex;
align-items: center;
height: 28px;
min-width: 90px;
padding: 0 12px;
border: 1px dashed rgba(126, 34, 206, 0.28);
border-radius: 6px;
font-size: 0.65rem;
font-weight: 500;
color: rgba(126, 34, 206, 0.38);
white-space: nowrap;
letter-spacing: 0.03em;
text-transform: uppercase;
user-select: none;
}
.sender-logo svg {