style: Update layout styles in PaymentCompleted and PaymentFailed views for improved responsiveness and alignment

2025-04-24 14:12:00 -04:00
parent 7d0aea75d8
commit defba49e97
2 changed files with 9 additions and 1 deletions
--- a/frontend/src/views/PaymentFailed.vue
+++ b/frontend/src/views/PaymentFailed.vue
@@ -56,6 +56,9 @@ function goBack() {
 .container {
  @apply flex items-center justify-center;
  @apply p-5;
+  @apply w-full;
+  @apply mx-auto;
+  @apply max-w-[1024px];
 }

 .card {
@@ -67,6 +70,7 @@ function goBack() {
  @apply relative;
  @apply w-full;
  @apply max-w-2xl;
+  @apply mx-auto;
 }

 .card::before {