diff --git a/src/assets/bg.svg b/src/assets/bg.svg index f17cb3f..f8ef667 100644 --- a/src/assets/bg.svg +++ b/src/assets/bg.svg @@ -1,34 +1,34 @@ - - - - - - + + + + + + - - - - + + + + - - + + - + - + - + - + - - + + - + diff --git a/src/assets/main.css b/src/assets/main.css index d7b270e..cdd3042 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -4,8 +4,9 @@ @tailwind utilities; #app { + width: 100%; margin: 0 auto; - padding: 2rem 4rem; + padding: 2rem; height: fit-content; min-height: 100vh; background-image: url( './bg.svg' ); diff --git a/src/components/BuyConfirmedComponent.vue b/src/components/BuyConfirmedComponent.vue index ccc8914..cfc67cd 100644 --- a/src/components/BuyConfirmedComponent.vue +++ b/src/components/BuyConfirmedComponent.vue @@ -77,7 +77,7 @@ p { } .text { - @apply text-gray-800 text-center; + @apply text-white text-center; } .blur-container-row { @apply flex flex-row justify-center items-center px-8 py-6 gap-2 rounded-lg shadow-md shadow-gray-600 backdrop-blur-md mt-8 w-1/3; diff --git a/src/components/ListingComponent.vue b/src/components/ListingComponent.vue index c58c07c..5b358f2 100644 --- a/src/components/ListingComponent.vue +++ b/src/components/ListingComponent.vue @@ -180,7 +180,7 @@ p { } .text { - @apply text-gray-800 text-center; + @apply text-white text-center; } .blur-container-row { @apply flex flex-row justify-center items-center px-8 py-6 gap-2 rounded-lg shadow-md shadow-gray-600 backdrop-blur-md mt-8 w-1/3; diff --git a/src/components/LoadingComponent.vue b/src/components/LoadingComponent.vue index 57d5582..3f3326a 100644 --- a/src/components/LoadingComponent.vue +++ b/src/components/LoadingComponent.vue @@ -55,7 +55,7 @@ const props = defineProps({ } .text { - @apply text-gray-800 text-center; + @apply text-white text-center; } .blur-container { diff --git a/src/components/QrCodeComponent.vue b/src/components/QrCodeComponent.vue index 6f8482e..4eb8b43 100644 --- a/src/components/QrCodeComponent.vue +++ b/src/components/QrCodeComponent.vue @@ -199,7 +199,7 @@ h2 { } .text { - @apply text-gray-800 text-center; + @apply text-white text-center; } .blur-container { diff --git a/src/components/SearchComponent.vue b/src/components/SearchComponent.vue index 443c05f..809f364 100644 --- a/src/components/SearchComponent.vue +++ b/src/components/SearchComponent.vue @@ -215,7 +215,7 @@ watch(networkName, (): void => { } .text { - @apply text-gray-800 text-center; + @apply text-white text-center; } .blur-container { diff --git a/src/components/SellerSteps/SellerSearchComponent.vue b/src/components/SellerSteps/SellerSearchComponent.vue index 86ed7ee..e2867d5 100644 --- a/src/components/SellerSteps/SellerSearchComponent.vue +++ b/src/components/SellerSteps/SellerSearchComponent.vue @@ -122,7 +122,7 @@ const handleInputEvent = (event: any): void => { } .text { - @apply text-gray-800 text-center; + @apply text-white text-center; } .blur-container { diff --git a/src/components/SellerSteps/SendNetwork.vue b/src/components/SellerSteps/SendNetwork.vue index cf76967..9780d89 100644 --- a/src/components/SellerSteps/SendNetwork.vue +++ b/src/components/SellerSteps/SendNetwork.vue @@ -67,7 +67,7 @@ p { } .text { - @apply text-gray-800 text-center; + @apply text-white text-center; } .blur-container-row { @apply flex flex-row justify-center items-center px-8 py-6 gap-2 rounded-lg shadow-md shadow-gray-600 backdrop-blur-md mt-8 w-1/3; diff --git a/src/components/SellerSteps/WantSellComponent.vue b/src/components/SellerSteps/WantSellComponent.vue index b82e839..f28cc80 100644 --- a/src/components/SellerSteps/WantSellComponent.vue +++ b/src/components/SellerSteps/WantSellComponent.vue @@ -45,7 +45,7 @@ const handleButtonClick = async (