From b7783b5df3ba46f7531142b4917c0258ea469465 Mon Sep 17 00:00:00 2001
From: enzoggqs <eggqsaraiva@gmail.com>
Date: Wed, 1 Feb 2023 00:47:14 -0300
Subject: [PATCH] Add mobile view to WantSellComponent

---
 src/components/SellerSteps/WantSellComponent.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/SellerSteps/WantSellComponent.vue b/src/components/SellerSteps/WantSellComponent.vue
index f28cc80..92033d7 100644
--- a/src/components/SellerSteps/WantSellComponent.vue
+++ b/src/components/SellerSteps/WantSellComponent.vue
@@ -47,23 +47,23 @@ const handleButtonClick = async (
 <template>
   <div class="page w-full">
     <div class="text-container">
-      <span class="text font-extrabold text-5xl max-w-[29rem]"
+      <span class="text font-extrabold sm:text-5xl text-3xl sm:max-w-[29rem] max-w-[20rem]"
         >Venda cripto e receba em Pix</span
       >
-      <span class="text font-medium text-base max-w-[28rem]"
+      <span class="text font-medium sm:text-base text-xs sm:max-w-[28rem] max-w-[30rem] sm:tracking-normal tracking-wide"
         >Digite sua oferta, informe a chave Pix, selecione a rede, aprove o
         envio da transação e confirme sua oferta.</span
       >
     </div>
     <div class="blur-container">
       <div
-        class="flex flex-col w-full bg-white px-10 py-5 rounded-lg border-y-10"
+        class="flex flex-col w-full bg-white sm:px-10 px-6 py-5 rounded-lg border-y-10"
       >
         <div class="flex justify-between items-center">
           <input
             type="number"
             v-model="offer"
-            class="border-none outline-none text-lg text-gray-900 w-fit"
+            class="border-none outline-none sm:text-lg text-sm text-gray-900 sm:w-fit w-1/2"
             v-bind:class="{
               'font-semibold': offer != undefined,
               'text-xl': offer != undefined,
@@ -92,13 +92,13 @@ const handleButtonClick = async (
         </div>
       </div>
       <div
-        class="flex flex-col w-full bg-white px-10 py-8 rounded-lg border-y-10"
+        class="flex flex-col w-full bg-white sm:px-10 px-6 py-8 rounded-lg border-y-10"
       >
         <div class="flex justify-between w-full items-center">
           <input
             type="text"
             v-model="pixKey"
-            class="border-none outline-none text-lg text-gray-900 w-fit"
+            class="border-none outline-none sm:text-lg text-sm text-gray-900 w-fit"
             placeholder="Digite a chave Pix"
           />
         </div>