From 5a94912ebefc346f855aa1c5ddb96ebee4872dab Mon Sep 17 00:00:00 2001
From: DwCay <duminalexei@gmail.com>
Date: Fri, 14 Oct 2022 09:39:34 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=8B=20=D1=80=D0=B0=D0=B7=D0=BC=D0=B5=D1=80=D1=8B?=
 =?UTF-8?q?=20=D1=82=D0=B0=D0=B1=D0=BB=D0=B8=D1=86=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/clients/components/ClientsTable.vue | 42 +++++--------------
 .../clients/components/ClientsTableRow.vue    | 16 +++----
 2 files changed, 18 insertions(+), 40 deletions(-)

diff --git a/src/pages/clients/components/ClientsTable.vue b/src/pages/clients/components/ClientsTable.vue
index 4e63902..faf6a10 100644
--- a/src/pages/clients/components/ClientsTable.vue
+++ b/src/pages/clients/components/ClientsTable.vue
@@ -6,31 +6,31 @@
           th.w-3
             .px-4.py-3
               clients-table-checkbox(:is-check="selectAll" :check="selectedCheck" id="all")
-          th.name
+          th
             .flex.px-4.justify-between
               span.text-sm ФИО
               img.cursor-pointer(src="@/assets/icons/sort-number.svg" alt="SortNumber")
-          th.age
-            .flex.px-4.justify-between
+          th
+            .flex.px-4.justify-between.gap-x-6
               span.text-sm Возраст
               .icon.icon-down-arrow.text-xsm.mt-1.cursor-pointer
-          th.job-title
+          th
             .px-4.text-left
               span.text-sm Должность
-          th.priority
-            .flex.relative.px-4.justify-between
+          th
+            .flex.relative.px-4.justify-between.gap-x-3
               span.text-sm Приоритет
               .icon.icon-down-arrow.text-xsm.mt-1.cursor-pointer
-          th.phone
+          th
             .px-4.text-left
               span.text-sm Телефон
-          th.email
+          th
             .px-4.text-left
               span.text-sm Email
-          th.networks
+          th
             .px-4.text-left
               span.text-sm.leading-8 Сети
-          th.meeting
+          th
             .flex.px-4.justify-between.gap-x-11
               span.text-sm.leading-4.whitespace-nowrap Ближайшая встреча
               .icon.icon-down-arrow.text-xsm.mt-1.cursor-pointer
@@ -121,28 +121,6 @@ export default {
 </script>
 
 <style lang="sass" scoped>
-.check-box
-  min-width: 36px
-  max-width: 36px
-.name
-  min-width: 400px
-.age
-  min-width: 140px
-.job-title
-  min-width: 200px
-.priority
-  min-width: 124px
-.phone
-  min-width: 190px
-.email
-  min-width: 250px
-.network
-  min-width: 152px
-.meeting
-  max-width: 220px
-.dots
-  min-width: 53px
-  max-width: 53px
 .icon
   color: var(--font-dark-blue-color)
   &.priority-open
diff --git a/src/pages/clients/components/ClientsTableRow.vue b/src/pages/clients/components/ClientsTableRow.vue
index ad10d91..a286dd9 100644
--- a/src/pages/clients/components/ClientsTableRow.vue
+++ b/src/pages/clients/components/ClientsTableRow.vue
@@ -4,24 +4,24 @@
       .px-4.items-center.w-fit
         clients-table-checkbox(:is-check="isCheck" :check="check" :id="id")
     td.py-5
-      .px-4.font-semibold {{fullName}}
+      .px-4.font-semibold.whitespace-nowrap {{fullName}}
     td.py-5
-      .px-4 {{age}}
+      .px-4.whitespace-nowrap {{age}}
     td.py-5
-      .px-4 {{jobTitle}}
+      .px-4.whitespace-nowrap {{jobTitle}}
     td.py-5
-      .px-4.flex.items-center.gap-x-2
+      .px-4.whitespace-nowrap.flex.items-center.gap-x-2
         .circle.w-2.h-2
         span {{priority}}
     td.py-5
-      .px-4 {{phone}}
+      .px-4.whitespace-nowrap {{phone}}
     td.py-5
-      .px-4 {{email}}
+      .px-4.whitespace-nowrap {{email}}
     td.py-5
-      .px-4.flex
+      .px-4.whitespace-nowrap.flex
         .w-fit.h-fit(v-for="network in networks" :key="network")
     td.py-5
-      .px-4.gap-x-2.flex
+      .px-4.whitespace-nowrap.gap-x-2.flex
         span {{meetingTime.date}}
         span.meeting-time.text-xs.leading-5 {{meetingTime.time}}
     td.py-5