From c643cab0e010309069bc3e9c2e247afed85a6eba Mon Sep 17 00:00:00 2001 From: EsioFreitas Date: Wed, 25 Jan 2023 19:44:39 -0300 Subject: [PATCH] add responsividade --- src/assets/bg.svg | 38 +- src/assets/main.css | 3 +- src/components/BuyConfirmedComponent.vue | 2 +- src/components/ListingComponent.vue | 2 +- src/components/LoadingComponent.vue | 2 +- src/components/QrCodeComponent.vue | 2 +- src/components/SearchComponent.vue | 2 +- .../SellerSteps/SellerSearchComponent.vue | 2 +- src/components/SellerSteps/SendNetwork.vue | 2 +- .../SellerSteps/WantSellComponent.vue | 8 +- src/views/FaqView.vue | 16 +- yarn.lock | 3857 +++++++++++++++++ 12 files changed, 3895 insertions(+), 41 deletions(-) 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 (