fix(payment): subscription plans grid layout from top-left

This commit is contained in:
erio
2026-04-08 22:16:29 +08:00
parent 2cc97a0bda
commit e86c7005b5
+1 -2
View File
@@ -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'
})