optimize avatar consistency
This commit is contained in:
@@ -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 %}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user