From e86c7005b5c33133749ee8aa461544acdf98b88e Mon Sep 17 00:00:00 2001 From: erio Date: Wed, 8 Apr 2026 22:16:29 +0800 Subject: [PATCH] fix(payment): subscription plans grid layout from top-left --- frontend/src/views/user/PaymentView.vue | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/frontend/src/views/user/PaymentView.vue b/frontend/src/views/user/PaymentView.vue index b27bbf2f27..45b8acad80 100644 --- a/frontend/src/views/user/PaymentView.vue +++ b/frontend/src/views/user/PaymentView.vue @@ -262,8 +262,7 @@ const validAmount = computed(() => amount.value ?? 0) // Adaptive grid: center single card, 2-col for 2 plans, 3-col for 3+ const planGridClass = computed(() => { const n = checkout.value.plans.length - if (n === 1) return 'mx-auto grid max-w-sm grid-cols-1 gap-5' - if (n === 2) return 'mx-auto grid max-w-2xl grid-cols-1 gap-5 sm:grid-cols-2' + if (n <= 2) return 'grid grid-cols-1 gap-5 sm:grid-cols-2' return 'grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3' })