jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Jonathan Bourdon
2025-04-24 14:12:00 -04:00
parent 7d0aea75d8
commit defba49e97
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/views/PaymentCompleted.vue
View File

@@ -86,8 +86,11 @@ function goBack() {
<style scoped> <style scoped>
.container { .container {
@apply p-5;
@apply flex items-center justify-center; @apply flex items-center justify-center;
@apply p-5;
@apply w-full;
@apply mx-auto;
@apply max-w-[1024px];
} }
.card { .card {
@@ -99,6 +102,7 @@ function goBack() {
@apply relative; @apply relative;
@apply w-full; @apply w-full;
@apply max-w-2xl; @apply max-w-2xl;
@apply mx-auto;
} }
.card::before { .card::before {

4
frontend/src/views/PaymentFailed.vue
View File

@@ -56,6 +56,9 @@ function goBack() {
.container { .container {
@apply flex items-center justify-center; @apply flex items-center justify-center;
@apply p-5; @apply p-5;
@apply w-full;
@apply mx-auto;
@apply max-w-[1024px];
} }
.card { .card {
@@ -67,6 +70,7 @@ function goBack() {
@apply relative; @apply relative;
@apply w-full; @apply w-full;
@apply max-w-2xl; @apply max-w-2xl;
@apply mx-auto;
} }
.card::before { .card::before {