美化账单页面

dashboard/src/pages/Billing.vue

@@ -14,7 +14,6 @@
 				v-model:value="activeTab"
 				type="line"
 				animated
-				:bar-width="isMobile ? 0 : undefined"
 				:size="isMobile ? 'medium' : 'large'"
 				class="billing-tabs"
 			>

dashboard/src/pages/BillingBalances.vue

@@ -216,8 +216,7 @@ onUnmounted(() => {
 <style scoped>
 .billing-balances-container {
 	padding: 24px;
-	max-width: 1400px;
+	width: 100%;
-	margin: 0 auto;
 }
 
 .balances-card {

dashboard/src/pages/BillingInvoices.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="p-5">
+	<div class="billing-invoices-container">
 		<ObjectList :options="options" />
 		<Dialog
 			v-model="invoiceDialog"
@@ -246,4 +246,17 @@ export default {
 		},
 	},
 };
-</script>
+</script>
+
+<style scoped>
+.billing-invoices-container {
+	padding: 24px;
+	width: 100%;
+}
+
+@media (max-width: 768px) {
+	.billing-invoices-container {
+		padding: 16px;
+	}
+}
+</style>

dashboard/src/pages/BillingMarketplacePayouts.vue

@@ -129,8 +129,7 @@ onUnmounted(() => {
 <style scoped>
 .billing-marketplace-payouts-container {
 	padding: 24px;
-	max-width: 1400px;
+	width: 100%;
-	margin: 0 auto;
 }
 
 .payouts-card {

dashboard/src/pages/BillingOrders.vue

@@ -412,8 +412,7 @@ onUnmounted(() => {
 <style scoped>
 .billing-orders-container {
   padding: 24px;
-  max-width: 1400px;
+  width: 100%;
-  margin: 0 auto;
 }
 
 .orders-card {

dashboard/src/pages/BillingOverview.vue

@@ -47,8 +47,7 @@ provide('billing', {
 
 .billing-overview-content {
 	padding: 24px;
-	max-width: 1200px;
+	width: 100%;
-	margin: 0 auto;
 }
 
 .loading-container {