From c04abb452fcb0945d11b93a4fe9aad8ccbe5fa78 Mon Sep 17 00:00:00 2001
From: Viet An <tiktaktictac269@gmail.com>
Date: Wed, 3 Jun 2026 15:32:49 +0700
Subject: [PATCH] changes

---
 app/components/datatable/NewField.vue       |  7 +++++--
 app/components/inventory/InventoryTable.vue | 12 +++++++-----
 app/components/orders/OrdersTable.vue       | 12 +++++++-----
 3 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/app/components/datatable/NewField.vue b/app/components/datatable/NewField.vue
index d5ff68d..241ad19 100644
--- a/app/components/datatable/NewField.vue
+++ b/app/components/datatable/NewField.vue
@@ -165,7 +165,7 @@
         type="text"
         placeholder="Tên trường phải là duy nhất"
         v-model="name"
-        :readonly="selectType ? selectType.code === 'formula' : false"
+        :readonly="selectType?.code === 'formula'"
       />
     </p>
     <p
@@ -183,7 +183,10 @@
   </div>
   <div class="field">
     <label class="label">Mô tả<span class="has-text-danger"> *</span></label>
-    <div class="field has-addons">
+    <div
+      class="field has-addons"
+      style="margin-bottom: 0"
+    >
       <div class="control is-expanded">
         <input
           class="input"
diff --git a/app/components/inventory/InventoryTable.vue b/app/components/inventory/InventoryTable.vue
index 6248dd1..9cc14db 100644
--- a/app/components/inventory/InventoryTable.vue
+++ b/app/components/inventory/InventoryTable.vue
@@ -514,11 +514,13 @@ const selectedInvItem = ref(null);
       <div :class="['cell', selectedInvItem ? 'is-col-span-2' : 'is-col-span-3']">
         <div class="card is-clipped">
           <div class="card-content p-0">
-            <p class="p-5 fs-17 font-semibold is-flex is-align-items-center is-gap-1">
-              <Icon
-                name="material-symbols:deployed-code-outline"
-                :size="22"
-              />
+            <p class="p-5 icon-text fs-17 font-semibold w-full">
+              <span class="icon">
+                <Icon
+                  name="material-symbols:deployed-code-outline"
+                  :size="22"
+                />
+              </span>
               <span>Danh sách tồn kho ({{ filteredInvItems.length }})</span>
             </p>
             <table class="table is-fullwidth is-hoverable fs-13">
diff --git a/app/components/orders/OrdersTable.vue b/app/components/orders/OrdersTable.vue
index 1087ff1..fafda5c 100644
--- a/app/components/orders/OrdersTable.vue
+++ b/app/components/orders/OrdersTable.vue
@@ -575,11 +575,13 @@ function toggleStatus(id) {
           <div class="card is-clipped">
             <div class="card-content p-0">
               <template v-if="viewMode === 'list'">
-                <p class="p-5 fs-17 font-semibold is-flex is-align-items-center is-gap-1">
-                  <Icon
-                    name="material-symbols:list-alt-outline-rounded"
-                    :size="22"
-                  />
+                <p class="p-5 icon-text fs-17 font-semibold w-full">
+                  <span class="icon">
+                    <Icon
+                      name="material-symbols:list-alt-outline-rounded"
+                      :size="22"
+                    />
+                  </span>
                   <span>Danh sách đơn hàng ({{ filteredOrders.length }})</span>
                 </p>
                 <table class="table is-fullwidth is-hoverable fs-13">