From 5a12b343228f2859b365abee093dd1bcadd6a651 Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Tue, 30 Dec 2025 03:16:36 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BE=8E=E5=8C=96=E6=B7=BB=E5=8A=A0=E8=B4=A6?=
 =?UTF-8?q?=E5=8D=95=E5=9C=B0=E5=9D=80=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/billing/BillingDetails.vue     | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/dashboard/src/components/billing/BillingDetails.vue b/dashboard/src/components/billing/BillingDetails.vue
index a20634c..b6ae43c 100644
--- a/dashboard/src/components/billing/BillingDetails.vue
+++ b/dashboard/src/components/billing/BillingDetails.vue
@@ -15,18 +15,21 @@
 		<ErrorMessage class="mt-2" :message="errorMessage" />
 	</div>
 	<div v-if="addressFormRef" class="mt-6">
-		<Button
-			class="w-full"
-			variant="solid"
-			:label="$t('Update Billing Information')"
+		<n-button
+			type="primary"
+			size="medium"
+			block
 			:loading="addressFormRef.updateBillingInformation.loading"
 			@click="updateBillingInformation"
-		/>
+		>
+			{{ $t('Update Billing Information') }}
+		</n-button>
 	</div>
 </template>
 <script setup>
 import NewAddressForm from './NewAddressForm.vue';
-import { FormControl, ErrorMessage, Button, createResource } from 'jingrow-ui';
+import { FormControl, ErrorMessage, createResource } from 'jingrow-ui';
+import { NButton } from 'naive-ui';
 import { reactive, ref, inject, getCurrentInstance } from 'vue';
 
 const emit = defineEmits(['success']);