From 5302e685a41e6b174bbe2e158b02b84bcca61e01 Mon Sep 17 00:00:00 2001
From: Viet An <tiktaktictac269@gmail.com>
Date: Thu, 18 Jun 2026 11:34:16 +0700
Subject: [PATCH] changes

---
 app/components/orders/OrderDeliveryTab.vue | 22 ++++++++++++++++++----
 app/components/orders/SelectedOrder.vue    |  3 +--
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/app/components/orders/OrderDeliveryTab.vue b/app/components/orders/OrderDeliveryTab.vue
index 9e8342b..62eddf6 100644
--- a/app/components/orders/OrderDeliveryTab.vue
+++ b/app/components/orders/OrderDeliveryTab.vue
@@ -7,7 +7,7 @@ const props = defineProps({
 </script>
 
 <template>
-  <div class="is-flex is-flex-direction-column is-gap-2">
+  <div class="is-flex is-flex-direction-column is-gap-1">
     <div
       class="p-4 rounded-md has-background-primary-95 is-flex is-justify-content-space-between is-align-items-center"
     >
@@ -32,14 +32,28 @@ const props = defineProps({
         {{ capitalize(invoice.delivery__status) }}
       </p>
     </div>
-    <div class="rounded-md has-background-white-bis">
+    <div
+      class="rounded-md has-background-grey-100"
+      style="border: 1px solid var(--bulma-grey-90)"
+    >
+      <div class="p-4">
+        <p class="fs-14 has-text-grey-40">Địa chỉ giao hàng</p>
+        <p class="font-medium">{{ invoice.shipping_address }}</p>
+      </div>
+      <hr
+        class="m-0 has-background-grey-90"
+        style="height: 1px"
+      />
       <div class="p-4">
         <p class="fs-14 has-text-grey-40">Người nhận</p>
         <p class="font-medium">{{ invoice.delivery__receiver_name }}</p>
       </div>
-      <hr class="m-0" />
+      <hr
+        class="m-0 has-background-grey-90"
+        style="height: 1px"
+      />
       <div class="p-4">
-        <p class="fs-14 has-text-grey-40">Địa chỉ</p>
+        <p class="fs-14 has-text-grey-40">Số điện thoại</p>
         <p class="font-medium">{{ invoice.delivery__receiver_phone }}</p>
       </div>
     </div>
diff --git a/app/components/orders/SelectedOrder.vue b/app/components/orders/SelectedOrder.vue
index 203f88d..764f6c6 100644
--- a/app/components/orders/SelectedOrder.vue
+++ b/app/components/orders/SelectedOrder.vue
@@ -45,7 +45,7 @@ const activeTab = ref(tabs[0]);
 
 <template>
   <div v-if="invoice">
-    <div>
+    <div class="block">
       <div class="is-flex is-gap-1.5 is-align-items-center">
         <span class="fs-17 font-bold">{{ invoice.code }}</span>
         <span
@@ -93,7 +93,6 @@ const activeTab = ref(tabs[0]);
         </p>
       </div>
     </div>
-    <hr />
     <div class="buttons m-0">
       <button class="button fs-14 is-flex-grow-1 is-primary">Xác nhận đơn</button>
       <button class="button fs-14 is-flex-grow-1">Ghi thanh toán</button>