Fix tailwind

src/assets/css/tailwind.css

@@ -1,4 +1,6 @@
-@import "tailwindcss";
+@layer theme, base, components, utilities;
+@import "tailwindcss/theme.css" layer(theme);
+@import "tailwindcss/utilities.css" layer(utilities);
 
 @source "../../**/*.{vue,js,ts,jsx,tsx}";
 @source "../../../index.html";

src/assets/css/temporary.css

@@ -17,10 +17,21 @@
     .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;
     }
     .ml-auto {
         margin-left: auto!important;
     }
+
+    .space-x-4 {
+        :where(& > :not(:last-child)) {
+            --tw-space-x-reverse: 0;
+            margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
+            margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
+        }
+    }
 }

src/components/deal/addEdit/RequisitionDetails.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="requisition" class="mt-3 deal-req-card mr-4 sm:w-1/2 md:w-1/3 lg:w-full p-2 flex">
+  <div v-if="requisition" class="deal-req-card mr-4 sm:w-1/2 md:w-1/3 lg:w-full p-2 flex">
     <div class="p-4 w-full">
       <div class="flex items-center">
         <div class="created_at">{{ formattedDate }}</div>
@@ -134,8 +134,8 @@
 
       <div class="mt-4 flex items-center req-id">
         <p>ID: {{ requisition.id }}</p>
-        <p v-if="requisition.user" class="ml-4">Добавил {{ requisition.user.fio }}</p>
-        <p v-if="requisition.worker" class="ml-4">В работе у {{ requisition.worker.fio }}</p>
+        <p v-if="requisition.user" class="ml-4">Добавил {{ requisition.user.full_name }}</p>
+        <p v-if="requisition.worker" class="ml-4">В работе у {{ requisition.worker.full_name }}</p>
       </div>
     </div>
   </div>
@@ -384,6 +384,12 @@ const typeReq = computed(() => {
       border: none;
       padding: 0 !important;
     }
+    .p-multiselect .p-multiselect-label.p-placeholder {
+      font-family: 'Lato', sans-serif;
+      font-style: normal;
+      font-weight: 400;
+      color: #000000;
+    }
   }
 
   .progress-bar-container {

src/composables/useDeal.js

@@ -1,7 +1,7 @@
 import { ref } from 'vue';
 import {
-    fetchDeal,
-    createDeal
+    fetchDeal as apiFetchDeal,
+    createDeal as apiCreateDeal
 } from '@/shared/api/deal';
 
 export default function useDeal() {
@@ -12,7 +12,7 @@ export default function useDeal() {
     const loadDeal = async (dealId) => {
         try {
             isLoading.value = true;
-            const response = await fetchDeal(dealId);
+            const response = await apiFetchDeal(dealId);
             deal.value = response.data;
         } catch (err) {
             error.value = err.message;
@@ -24,7 +24,7 @@ export default function useDeal() {
     const saveDeal = async (dealData) => {
         try {
             isLoading.value = true;
-            const response = await createDeal(dealData);
+            const response = await apiCreateDeal(dealData);
             deal.value = response.data;
             return response;
         } catch (err) {

tailwind.config.js

@@ -1,6 +1,10 @@
 module.exports = {
     prefix: '',
     important: '#deal-app',
+    corePlugins: {
+        preflight: false,
+        base: false,
+    },
     content: [
         './index.html',
         './src/**/*.{vue,js,ts}',