Fix deal css

src/assets/css/temporary.css

@@ -1,32 +1,87 @@
-.addDeal {
+.addDeal, .p-dialog {
     .p-2 {
         padding: calc(var(--spacing) * 2)!important;
     }
+    .p-3 {
+        padding: calc(var(--spacing) * 3)!important;
+    }
     .p-4 {
         padding: calc(var(--spacing) * 4)!important;
     }
-    .mb-3 {
+    .p-5 {
-        margin-bottom: calc(var(--spacing) * 3)!important;
+        padding: calc(var(--spacing) * 5)!important;
+    }
+    .p-6 {
+        padding: calc(var(--spacing) * 6)!important;
+    }
+    .pr-2 {
+        padding-right: calc(var(--spacing) * 2);
+    }
+    .pr-3 {
+        padding-right: calc(var(--spacing) * 3);
+    }
+    .pr-4 {
+        padding-right: calc(var(--spacing) * 4);
+    }
+    .pl-2 {
+        padding-left: calc(var(--spacing) * 2);
+    }
+    .pl-3 {
+        padding-left: calc(var(--spacing) * 3);
+    }
+    .pl-4 {
+        padding-left: calc(var(--spacing) * 4);
+    }
+    .pb-2 {
+        padding-bottom: calc(var(--spacing) * 2);
+    }
+    .pt-2 {
+        padding-top: calc(var(--spacing) * 2);
+    }
+    .ml-3 {
+        margin-left: calc(var(--spacing) * 3)!important;
     }
     .ml-4 {
         margin-left: calc(var(--spacing) * 4)!important;
     }
+    .mr-3 {
+        margin-right: calc(var(--spacing) * 3)!important;
+    }
     .mr-4 {
         margin-right: calc(var(--spacing) * 4)!important;
     }
-    .p-4 {
-        padding: calc(var(--spacing) * 4)!important;
-    }
     .mt-3 {
         margin-top: calc(var(--spacing) * 3);
     }
     .mt-4 {
         margin-top: calc(var(--spacing) * 4)!important;
     }
+    .mb-3 {
+        margin-bottom: calc(var(--spacing) * 3);
+    }
+    .mb-4 {
+        margin-bottom: calc(var(--spacing) * 4);
+    }
     .ml-auto {
         margin-left: auto!important;
     }
 
+    .space-x-2 {
+        :where(& > :not(:last-child)) {
+            --tw-space-x-reverse: 0;
+            margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
+            margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
+        }
+    }
+
+    .space-x-3 {
+        :where(& > :not(:last-child)) {
+            --tw-space-x-reverse: 0;
+            margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
+            margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
+        }
+    }
+
     .space-x-4 {
         :where(& > :not(:last-child)) {
             --tw-space-x-reverse: 0;

src/components/deal/DealModal.vue

@@ -135,8 +135,8 @@
       <div class="flex w-full flex-wrap">
         <EmployeeAddModal v-if="showModalDealManager" :employees="employeesList" :selected="selectedEmployees" @close="closeModalDealManager" @select="addEmployee" />
         <EmployeeCard v-for="employee in selectedEmployees" :key="employee.id" :employee="employee" :url="url" @remove="removeEmployee" />
-        <div class="sm:w-1/2 md:w-1/3 lg:w-1/4 p-2">
+        <div class="sm:w-1/2 md:w-1/3 lg:w-1/4">
-          <button @click="openModalDealManager" class="w-full h-full p-2 rounded flex flex-col items-center justify-center add-employee-button">
+          <button @click="openModalDealManager" class="w-full h-full p-6 rounded flex flex-col items-center justify-center add-employee-button">
             <img src="@/shared/assets/icons/plus-green.svg" alt="Добавить сотрудника">
             <p>Добавить сотрудника</p>
           </button>
@@ -245,7 +245,7 @@
                   </label>
                 </div>
               </div>
-              <div class="form__item flex flex-col gap-1 w-full">
+              <div class="form__item flex flex-col gap-1 w-full mb-3">
                 <label for="deal_e_registration">Электронная регистрация:</label>
                 <div class="deal_e_registration">
                   <label class="mr-4">
@@ -368,8 +368,8 @@
             :urlLaravel="urlLaravel"
             @remove="removeDoc"
         />
-        <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 lg:w-1/4">
-          <button @click="openModalDealDoc" class="w-full h-full p-2 rounded flex flex-col items-center justify-center add-deal-doc-button">
+          <button @click="openModalDealDoc" class="w-full h-full p-6 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>
           </button>
@@ -722,7 +722,7 @@ const deal = ref({
   deal_date: null,
 });
 
-const deal_sides_list = ['Покупатель', 'Продавец', 'Арендодатель', 'Арендатор', 'Наниматель', 'Наймодатель'];
+const deal_sides_list = ['Покупатель', 'Продавец', 'Арендодатель', 'Арендатор', 'Застройщик'];
 
 const originalRequisitionsList = ref([]);
 const requisitionsList = ref([]);
@@ -967,7 +967,14 @@ const openModalDealDoc = () => {
     props: {
       header: 'Добавление документа',
       style: { width: '50vw' },
-      modal: true
+      modal: true,
+      pt: {
+        header: {
+          style: {
+            padding: '0.75rem 1rem'
+          }
+        }
+      }
     },
     data: {
       deal: deal.value
@@ -1305,7 +1312,7 @@ defineExpose({ closeModel });
   .p-inputtext {
     width: 100%;
     font-size: 1rem;
-    color: #495057;
+    color: #000;
     background:#fff;
     height: 36px;
     line-height: 10px;
@@ -1416,6 +1423,7 @@ defineExpose({ closeModel });
       label {
         font-size: 16px;
         font-weight: 400;
+        color: #757575;
       }
 
       .item__content {

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 p-2">
+  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 pr-4">
     <div class="document-card p-4 rounded flex">
       <div class="deal-document-thumbnail w-16 h-16 flex-shrink-0 rounded-lg overflow-hidden">
         <img v-if="isImage" :src="fileUrl" alt="Превью документа" class="w-full h-full object-cover" />

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 p-2">
+  <div class="sm:w-1/2 md:w-1/3 lg:w-1/4 pr-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="">

src/components/deal/addEdit/InnerDocAddModal.vue

@@ -80,10 +80,9 @@ const getTemplateData = () => {
   const sidesMap = {
     'Продавец': 'sobstv',
     'Арендодатель': 'sobstv',
-    'Наймодатель': 'sobstv',
+    'Застройщик': 'sobstv',
     'Покупатель': 'clients',
     'Арендатор': 'clients',
-    'Наниматель': 'clients'
   };
 
   const result = {

src/components/deal/addEdit/RequisitionDetails.vue

@@ -110,12 +110,14 @@
                   optionLabel="fio"
                   optionValue="id"
                   placeholder="Выбрать клиента"
-                  class="w-full choiceDealClient"
+                  class="w-full choiceDealClient hide-selected-values"
                   :maxSelectedLabels="3"
                   :filter="true"
-                  display="chip"
                   :virtualScrollerOptions="{ itemSize: 40 }"
               >
+                <template #value>
+                  <span class="p-multiselect-placeholder">Выбрать клиента</span>
+                </template>
                 <template #dropdownicon>
                   <DropdownIcon />
                 </template>
@@ -442,5 +444,9 @@ const typeReq = computed(() => {
     display: none;
   }
 
+  .hide-selected-value .p-multiselect-chip-item {
+    display: none !important;
+  }
+
 }
 </style>