Поправлены размеры таблицы

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
+          th
-            .flex.px-4.justify-between
+            .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
+          th
-            .flex.relative.px-4.justify-between
+            .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

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