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

More visual adjustments.

Browse Source
This commit is contained in:
Filipe Soccol
2024-11-08 14:29:14 -03:00
parent 5b49fdcffd
commit be7c1c6132
6 changed files with 9 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/CustomModal/CustomModal.vue
View File

@@ -27,8 +27,8 @@ if (props.isRedirectModal) {
class="text-black tracking-tighter leading-tight my-6 mx-2 text-justify"
>
<strong>ATENÇÃO!</strong>
A transação só será processada após inserir o código de autenticação.
Caso contrário não conseguiremos comprovar o seu depósito e não será
A transação só será processada após efetuado o pagamento do Pix. Caso
contrário não conseguiremos comprovar o seu depósito e não será
possível transferir os tokens para sua carteira.
</p>
<button

4
src/components/ListingComponent/ListingComponent.vue
View File

@@ -162,10 +162,10 @@ showInitialItems();
</script>
<template>
<div class="main-container !w-full !max-w-full" v-if="loadingWalletTransactions">
<div class="main-container max-w-md" v-if="loadingWalletTransactions">
<SpinnerComponent width="8" height="8"></SpinnerComponent>
</div>
<div class="main-container !w-full !max-w-full" v-if="!loadingWalletTransactions">
<div class="main-container max-w-md" v-if="!loadingWalletTransactions">
<div
class="w-full bg-white p-4 sm:p-6 rounded-lg"
v-if="props.validDeposits.length > 0"

2
src/components/LoadingComponent/LoadingComponent.vue
View File

@@ -15,7 +15,7 @@ const props = defineProps({
{{ props.title ? props.title : "Confirme em sua carteira" }}
</span>
</div>
<div class="main-container !sm:w-[26rem] !w-[20rem]">
<div class="main-container max-w-md">
<div
class="flex flex-col w-full bg-white sm:px-10 px-4 py-5 rounded-lg border-y-10"
>

46
src/components/QrCodeComponent.vue
View File

@@ -93,11 +93,11 @@ onUnmounted(() => {
Utilize o QR Code ou copie o código para realizar o Pix
</span>
<span class="text font-medium lg:text-md text-sm max-w-[28rem]">
Após realizar o Pix no banco de sua preferência, insira o código de
autenticação para enviar a transação para a rede.
Após realizar o Pix no banco de sua preferência, clique no botão abaixo
para gerar a assinatura para liberação dos tokens.
</span>
</div>
<div class="main-container sm:max-w-[28rem] max-w-[20rem] text-black">
<div class="main-container max-w-md text-black">
<div
class="flex-col items-center justify-center flex w-full bg-white sm:p-8 p-4 rounded-lg break-normal"
>
@@ -122,46 +122,6 @@ onUnmounted(() => {
carteira. Confira aqui como encontrar o código no comprovante.
</span>
</div>
<div
class="flex-col items-center justify-center flex w-full bg-white p-5 rounded-lg px-5"
>
<input
type="text"
placeholder="Digite o código do comprovante PIX"
@input="debounce(handleInputEvent, 500)($event)"
class="sm:text-md text-sm w-full box-border p-2 sm:h-6 h-2 mb-2 outline-none"
/>
<div class="custom-divide" v-if="!isCodeInputEmpty"></div>
<div
class="flex flex-col w-full"
v-if="!isPixValid && !isCodeInputEmpty"
>
<div class="flex items-center h-8">
<img
alt="Invalid Icon"
src="@/assets/invalidIcon.svg?url"
width="14"
class="cursor-pointer align-middle inline-block"
/>
<span class="px-1 text-red-500 font-normal text-xs"
>Código inválido. Por favor, confira e tente novamente.</span
>
</div>
</div>
<div class="flex flex-col w-full" v-else-if="isPixValid == true">
<div class="flex items-center h-8">
<img
alt="Valid Icon"
src="@/assets/validIcon.svg?url"
width="14"
class="cursor-pointer align-middle inline-block"
/>
<span class="px-1 text-green-500 font-normal text-sm">
Código válido.
</span>
</div>
</div>
</div>
<CustomButton
:is-disabled="isPixValid == false"
:text="'Enviar para a rede'"