changes

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"

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">
+            <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">

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">
+                <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">