hueso/P2Pix-Front-End
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add mobile view to WantSellComponent

Browse Source
This commit is contained in:
enzoggqs 2023-02-01 00:47:14 -03:00
parent 9f9ee737de
commit b7783b5df3
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/SellerSteps/WantSellComponent.vue
View File

@ -47,23 +47,23 @@ const handleButtonClick = async (
<template> <template>
<div class="page w-full"> <div class="page w-full">
<div class="text-container"> <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 >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 >Digite sua oferta, informe a chave Pix, selecione a rede, aprove o
envio da transação e confirme sua oferta.</span envio da transação e confirme sua oferta.</span
> >
</div> </div>
<div class="blur-container"> <div class="blur-container">
<div <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"> <div class="flex justify-between items-center">
<input <input
type="number" type="number"
v-model="offer" 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="{ v-bind:class="{
'font-semibold': offer != undefined, 'font-semibold': offer != undefined,
'text-xl': offer != undefined, 'text-xl': offer != undefined,
@ -92,13 +92,13 @@ const handleButtonClick = async (
</div> </div>
</div> </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"> <div class="flex justify-between w-full items-center">
<input <input
type="text" type="text"
v-model="pixKey" 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" placeholder="Digite a chave Pix"
/> />
</div> </div>