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

Fix small screen

Browse Source
This commit is contained in:
Vladimir 2026-07-07 14:54:42 +03:00
parent c52941f2d5
commit d1c0567328
5 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/css/tailwind.css
View File

@ -8,3 +8,7 @@
@theme {
}
@media (min-width: 1920px) {
.cols-4-lg { width: 25% !important; }
}

8
src/components/deal/DealModal.vue
View File

@ -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>

11
src/components/deal/addEdit/DocsCard.vue
View File

@ -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>

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

@ -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="">

2
src/components/deal/addEdit/ObjectDetails.vue
View File

@ -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>