From a8c4188d805d919060a43894796c59c54688a61f Mon Sep 17 00:00:00 2001
From: Vladimir <weborsha@gmail.com>
Date: Mon, 13 Jul 2026 13:32:41 +0300
Subject: [PATCH] Fix mobile

---
 src/components/deal/addEdit/EmployeeCard.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/deal/addEdit/EmployeeCard.vue b/src/components/deal/addEdit/EmployeeCard.vue
index cab835b..532d354 100644
--- a/src/components/deal/addEdit/EmployeeCard.vue
+++ b/src/components/deal/addEdit/EmployeeCard.vue
@@ -1,8 +1,9 @@
 <template>
   <div class="sm:w-1/2 md:w-1/3 cols-4-lg pr-4 mb-4">
     <div class="employee-card p-4 rounded flex">
-      <div class="deal-employee-logo w-16 h-16 flex-shrink-0 rounded-full overflow-hidden">
+      <div class="deal-employee-logo w-16 h-16 flex-shrink-0 rounded-full overflow-hidden flex items-center justify-center">
         <img class="w-full" v-if="employee.user_logo" :src="`${url}/photos/agency/${employee.user_logo}`" alt="">
+        <span v-else class="text-white font-bold text-lg">{{ getInitials(employee) }}</span>
       </div>
       <div class="ml-4 flex flex-col justify-between">
         <div>
@@ -46,6 +47,11 @@ export default {
   methods: {
     getFullName(employee) {
       return `${employee.last_name} ${employee.first_name} ${employee.middle_name}` || employee.fio;
+    },
+    getInitials(employee) {
+      const last = (employee.last_name || '').charAt(0);
+      const first = (employee.first_name || '').charAt(0);
+      return (last + first).toUpperCase() || '?';
     }
   }
 };
@@ -58,6 +64,10 @@ export default {
       border: 1px solid #E0E0E0;
       border-radius: 5px;
 
+      .deal-employee-logo {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      }
+
       .deal-employee-phone {
         font-family: 'Lato', sans-serif;
         font-style: normal;