From 4b7c5403437e9c4306023a7a998690b8eb7fbe38 Mon Sep 17 00:00:00 2001
From: jacobxu666 <jacobxu666@gmail.com>
Date: Fri, 26 Jun 2026 11:52:22 +0800
Subject: [PATCH] fix(order-detail): add top padding to bottom bar buttons

Buttons now have 24rpx gap from the top edge of the bottom bar.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/pages/order/order-detail.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/order/order-detail.vue b/src/pages/order/order-detail.vue
index 82ee5f3..41518e7 100644
--- a/src/pages/order/order-detail.vue
+++ b/src/pages/order/order-detail.vue
@@ -537,8 +537,8 @@ $bar-height: 120rpx;
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  padding: 0 $spacing-6;
-  padding-bottom: env(safe-area-inset-bottom);
+  padding: $spacing-3 $spacing-6;
+  padding-bottom: calc(#{$spacing-3} + env(safe-area-inset-bottom));
   box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.06);
   z-index: $z-sticky;
 }