weborsha/deal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile

Browse Source
This commit is contained in:
Vladimir 2026-07-13 13:32:41 +03:00
parent b9e392b0b4
commit a8c4188d80
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/deal/addEdit/EmployeeCard.vue
View File

@ -1,8 +1,9 @@
<template> <template>
<div class="sm:w-1/2 md:w-1/3 cols-4-lg pr-4 mb-4"> <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="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=""> <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>
<div class="ml-4 flex flex-col justify-between"> <div class="ml-4 flex flex-col justify-between">
<div> <div>
@ -46,6 +47,11 @@ export default {
methods: { methods: {
getFullName(employee) { getFullName(employee) {
return `${employee.last_name} ${employee.first_name} ${employee.middle_name}` || employee.fio; 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: 1px solid #E0E0E0;
border-radius: 5px; border-radius: 5px;
.deal-employee-logo {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.deal-employee-phone { .deal-employee-phone {
font-family: 'Lato', sans-serif; font-family: 'Lato', sans-serif;
font-style: normal; font-style: normal;