From d1c0567328785442ce4e8c376d3a56c75cb5e7a3 Mon Sep 17 00:00:00 2001
From: Vladimir <weborsha@gmail.com>
Date: Tue, 7 Jul 2026 14:54:42 +0300
Subject: [PATCH] Fix small screen

---
 src/assets/css/tailwind.css                   |  4 ++++
 src/components/deal/DealModal.vue             |  8 ++++----
 src/components/deal/addEdit/DocsCard.vue      | 11 +++++------
 src/components/deal/addEdit/EmployeeCard.vue  |  2 +-
 src/components/deal/addEdit/ObjectDetails.vue |  2 +-
 5 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/assets/css/tailwind.css b/src/assets/css/tailwind.css
index 525ec7b..17a6045 100644
--- a/src/assets/css/tailwind.css
+++ b/src/assets/css/tailwind.css
@@ -7,4 +7,8 @@
 
 @theme {
 
+}
+
+@media (min-width: 1920px) {
+  .cols-4-lg { width: 25% !important; }
 }
\ No newline at end of file
diff --git a/src/components/deal/DealModal.vue b/src/components/deal/DealModal.vue
index bb236b4..3be0886 100644
--- a/src/components/deal/DealModal.vue
+++ b/src/components/deal/DealModal.vue
@@ -135,7 +135,7 @@
       <h3>Ответственные сотрудники за сделку</h3>
       <div class="flex w-full flex-wrap">
         <EmployeeCard v-for="employee in selectedEmployees" :key="employee.id" :employee="employee" :url="url" :locked="isWhoWork(employee.id)" @remove="removeEmployee" />
-        <div class="sm:w-1/2 md:w-1/3 lg:w-1/4 pr-4 mb-4">
+        <div class="sm:w-1/2 md:w-1/3 cols-4-lg pr-4 mb-4">
           <button @click="openModalDealManager" class="w-full h-full p-4 rounded flex flex-col items-center justify-center add-employee-button">
             <img src="@/shared/assets/icons/plus-green.svg" alt="Добавить сотрудника">
             <p>Добавить сотрудника</p>
@@ -371,7 +371,7 @@
             :urlLaravel="urlLaravel"
             @remove="removeDoc"
         />
-        <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 pr-4 mb-4">
+        <div class="w-full sm:w-1/2 md:w-1/3 cols-4-lg pr-4 mb-4">
           <button @click="openModalDealDoc" class="w-full h-full p-4 rounded flex flex-col items-center justify-center add-deal-doc-button">
             <img src="@/shared/assets/icons/plus-green.svg" alt="Добавить документ" class="w-6 h-6">
             <p>Добавить документ</p>
@@ -383,7 +383,7 @@
       <template v-if="isEditing">
         <h3>Составить договор</h3>
         <div class="flex w-full flex-wrap">
-          <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 p-2">
+          <div class="w-full sm:w-1/2 md:w-1/3 cols-4-lg p-2">
             <button @click="openModalDealContract" class="w-full h-full p-5 rounded flex flex-col items-center justify-center add-contract-button">
               <img src="@/shared/assets/icons/plus-green.svg" alt="Составить договор">
               <p>Составить договор</p>
@@ -396,7 +396,7 @@
               :key="innerDoc.id"
               :innerDoc="innerDoc"
               @remove="removeInnerDoc"
-              class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 p-2"
+              class="w-full sm:w-1/2 md:w-1/3 cols-4-lg p-2"
           />
         </div>
       </template>
diff --git a/src/components/deal/addEdit/DocsCard.vue b/src/components/deal/addEdit/DocsCard.vue
index 73a84c7..f553e93 100644
--- a/src/components/deal/addEdit/DocsCard.vue
+++ b/src/components/deal/addEdit/DocsCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 pr-4 mb-4">
+  <div class="w-full sm:w-1/2 md:w-1/3 cols-4-lg pr-4 mb-4">
     <div class="document-card p-4 rounded flex">
       <a href="javascript:void(0)" @click.prevent="openPreview" class="deal-document-thumbnail w-16 h-16 shrink-0 rounded-lg overflow-hidden cursor-pointer">
         <img v-if="hasThumbnail" :src="thumbnailUrl" alt="Миниатюра документа" class="w-full h-full object-cover" />
@@ -13,13 +13,12 @@
       <!-- Название документа -->
       <div class="ml-4 flex flex-col justify-between grow min-w-0">
         <div class="font-bold text-gray-800 truncate">{{ doc.name || 'N/A' }}</div>
-        <div class="flex min-w-0">
-          <img src="@/shared/assets/icons/doc.svg" alt="Договор" class="w-5 h-5 shrink-0">
-          <a :href="downloadUrl" class="ml-2 underline document-file truncate flex items-center gap-1">
-            {{ doc.original_name || getFileName(doc.file) || 'N/A' }}
-            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 shrink-0 download-icon" viewBox="0 0 20 20" fill="currentColor">
+        <div class="flex min-w-0 items-center">
+          <a :href="downloadUrl" class="flex items-center gap-1 no-underline min-w-0" title="Скачать файл">
+            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 shrink-0 download-icon" viewBox="0 0 20 20" fill="currentColor">
               <path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.293-7.707a1 1 0 011.414 0L9 10.586V3a1 1 0 112 0v7.586l1.293-1.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clip-rule="evenodd" />
             </svg>
+            <span class="ml-2 underline document-file truncate">{{ doc.original_name || getFileName(doc.file) || 'N/A' }}</span>
           </a>
         </div>
       </div>
diff --git a/src/components/deal/addEdit/EmployeeCard.vue b/src/components/deal/addEdit/EmployeeCard.vue
index 79ef9e9..24a9857 100644
--- a/src/components/deal/addEdit/EmployeeCard.vue
+++ b/src/components/deal/addEdit/EmployeeCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="sm:w-1/2 md:w-1/3 lg:w-1/4 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="deal-employee-logo w-16 h-16 flex-shrink-0 rounded-full overflow-hidden">
         <img class="w-full" v-if="employee.user_logo" :src="`${url}/photos/agency/${employee.user_logo}`" alt="">
diff --git a/src/components/deal/addEdit/ObjectDetails.vue b/src/components/deal/addEdit/ObjectDetails.vue
index d93089b..72e39bb 100644
--- a/src/components/deal/addEdit/ObjectDetails.vue
+++ b/src/components/deal/addEdit/ObjectDetails.vue
@@ -39,7 +39,7 @@
               <span class="ml-4">История и задачи</span>
             </button>
           </div>
-          <div class="obj-added-by">Добавил: {{ object.add_user && object.add_user.full_name ? object.add_user.full_name : '' }}</div>
+          <div class="obj-added-by">В работе у: {{ object.add_user && object.add_user.full_name ? object.add_user.full_name : '' }}</div>
         </div>
       </div>
     </div>