From defba49e976a0c8973a0a1664c1acebc9403b13a Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Thu, 24 Apr 2025 14:12:00 -0400
Subject: [PATCH] style: Update layout styles in PaymentCompleted and
 PaymentFailed views for improved responsiveness and alignment

---
 frontend/src/views/PaymentCompleted.vue | 6 +++++-
 frontend/src/views/PaymentFailed.vue    | 4 ++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/PaymentCompleted.vue b/frontend/src/views/PaymentCompleted.vue
index caf2f13..be984f7 100644
--- a/frontend/src/views/PaymentCompleted.vue
+++ b/frontend/src/views/PaymentCompleted.vue
@@ -86,8 +86,11 @@ function goBack() {
 
 <style scoped>
 .container {
-  @apply p-5;
   @apply flex items-center justify-center;
+  @apply p-5;
+  @apply w-full;
+  @apply mx-auto;
+  @apply max-w-[1024px];
 }
 
 .card {
@@ -99,6 +102,7 @@ function goBack() {
   @apply relative;
   @apply w-full;
   @apply max-w-2xl;
+  @apply mx-auto;
 }
 
 .card::before {
diff --git a/frontend/src/views/PaymentFailed.vue b/frontend/src/views/PaymentFailed.vue
index d2238cb..40a8b53 100644
--- 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 {