optimize avatar consistency

This commit is contained in:
2026-02-12 10:20:21 +01:00
parent 811aed522d
commit cfd1d25b17
4 changed files with 169 additions and 36 deletions

View File

@@ -56,8 +56,8 @@
<div class="p-4 border-b border-gray-600">
<div class="flex items-center gap-3">
<div class="w-10 h-10 rounded-full overflow-hidden bg-brand-highlight flex items-center justify-center">
{% if session.linkedin_picture %}
<img src="{{ session.linkedin_picture }}" alt="{{ session.display_name or session.linkedin_name }}" class="w-full h-full object-cover" referrerpolicy="no-referrer">
{% if avatar_url or profile_picture or session.linkedin_picture %}
<img src="{{ avatar_url or profile_picture or session.linkedin_picture }}" alt="{{ session.display_name or session.linkedin_name }}" class="w-full h-full object-cover" referrerpolicy="no-referrer">
{% else %}
<span class="text-brand-bg-dark font-bold">{{ (session.display_name or session.linkedin_name or session.customer_name)[0] | upper }}</span>
{% endif %}

View File

@@ -161,8 +161,12 @@
<div class="space-y-3">
{% for emp in employees[:5] %}
<div class="flex items-center gap-3 p-3 bg-brand-bg rounded-lg">
<div class="w-8 h-8 rounded-full bg-brand-highlight/20 flex items-center justify-center">
<div class="w-8 h-8 rounded-full bg-brand-highlight/20 flex items-center justify-center overflow-hidden">
{% if emp.avatar_url %}
<img src="{{ emp.avatar_url }}" alt="{{ emp.display_name }}" class="w-8 h-8 object-cover" referrerpolicy="no-referrer">
{% else %}
<span class="text-brand-highlight text-sm font-medium">{{ (emp.display_name or emp.email)[0] | upper }}</span>
{% endif %}
</div>
<div class="flex-1">
<p class="text-white text-sm">{{ emp.display_name or emp.email }}</p>

View File

@@ -36,6 +36,12 @@
font-weight: 600;
font-size: 18px;
flex-shrink: 0;
overflow: hidden;
}
.linkedin-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.linkedin-user-info { flex: 1; min-width: 0; }
.linkedin-name { font-weight: 600; font-size: 14px; color: rgba(0, 0, 0, 0.9); }
@@ -158,7 +164,13 @@
<div id="linkedinPreviewContainer" class="desktop-view-container">
<div id="linkedinPreview" class="linkedin-preview desktop-view">
<div class="linkedin-header">
<div class="linkedin-avatar">{{ employee_name[:2] | upper if employee_name else 'UN' }}</div>
<div class="linkedin-avatar">
{% if profile_picture_url %}
<img src="{{ profile_picture_url }}" alt="{{ employee_name }}" loading="lazy" referrerpolicy="no-referrer">
{% else %}
{{ employee_name[:2] | upper if employee_name else 'UN' }}
{% endif %}
</div>
<div class="linkedin-user-info">
<div class="linkedin-name">{{ employee_name }}</div>
<div class="linkedin-headline">{{ session.company_name }}</div>