From 854dfdf7f2dba7bc78b53c19f345c1909298c474 Mon Sep 17 00:00:00 2001
From: Nikita Kiselev <kiselev2008@gmail.com>
Date: Sat, 16 Aug 2025 22:41:32 +0300
Subject: [PATCH] fix: UI fixes

---
 spa/src/components/Form/TgInput.vue |  2 +-
 spa/src/views/Checkout.vue          | 19 +++++++++++--------
 spa/src/views/OrderCreated.vue      |  2 +-
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/spa/src/components/Form/TgInput.vue b/spa/src/components/Form/TgInput.vue
index 8dc21b9..3f9a45f 100644
--- a/spa/src/components/Form/TgInput.vue
+++ b/spa/src/components/Form/TgInput.vue
@@ -10,7 +10,7 @@
         @input="$emit('clearError')"
         :maxlength="maxlength"
     />
-    <p v-if="error" class="label">{{ error }}</p>
+    <p v-if="error" class="label text-error">{{ error }}</p>
   </fieldset>
 </template>
 
diff --git a/spa/src/views/Checkout.vue b/spa/src/views/Checkout.vue
index c787d8f..cbee008 100644
--- a/spa/src/views/Checkout.vue
+++ b/spa/src/views/Checkout.vue
@@ -22,14 +22,17 @@
             @clearError="checkout.clearError('lastName')"
         />
 
-        <IMaskComponent
-            v-model="checkout.customer.phone"
-            type="tel"
-            class="input input-lg w-full"
-            mask="+{7} (000) 000-00-00"
-            placeholder="Введите телефон"
-            :unmask="true"
-        />
+        <fieldset class="fieldset">
+          <IMaskComponent
+              v-model="checkout.customer.phone"
+              type="tel"
+              class="input input-lg w-full"
+              mask="+{7} (000) 000-00-00"
+              placeholder="Введите телефон"
+              :unmask="true"
+          />
+          <p v-if="error" class="label text-error">{{ checkout.validationErrors.phone }}</p>
+        </fieldset>
 
         <TgInput
             v-model="checkout.customer.email"
diff --git a/spa/src/views/OrderCreated.vue b/spa/src/views/OrderCreated.vue
index 5422073..270783e 100644
--- a/spa/src/views/OrderCreated.vue
+++ b/spa/src/views/OrderCreated.vue
@@ -27,7 +27,7 @@
         </li>
       </ul>
 
-      <p class="text-xs text-neutral mb-10">
+      <p class="text-xs mb-10">
         Подтверждение отправлено Вам в личных сообщениях.
       </p>