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

Add withdraw card

Browse Source
This commit is contained in:
EsioFreitas 2023-02-09 11:48:11 -03:00
parent 3177aaece9
commit a0e290f0ca
2 changed files with 35 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -86,9 +86,36 @@ showInitialItems();
<template> <template>
<div class="blur-container"> <div class="blur-container">
<div class="w-full bg-white p-6 rounded-lg">
<div class="flex justify-between items-center">
<div>
<p class="text-sm leading-5 font-medium text-gray-600">
Saldo disponível
</p>
<p class="text-xl leading-7 font-semibold text-gray-900">0 BRZ</p>
<p class="text-xs leading-4 font-medium text-gray-600"></p>
</div>
</div>
<div class="pt-5" v-if="props.isManageMode">
<div class="py-2">
<p class="text-sm leading-5 font-medium">Valor do saque</p>
<p class="text-2xl leading-8 font-medium">0</p>
</div>
<hr class="pb-3" />
<div class="flex justify-end items-center">
<div
class="flex gap-2 cursor-pointer items-center justify-self-center border-2 p-2 border-amber-300 rounded-md"
>
<img alt="Withdraw image" src="@/assets/withdraw.svg" />
<span class="last-release-info">Sacar</span>
</div>
</div>
</div>
</div>
<div <div
class="w-full bg-white p-6 rounded-lg" class="w-full bg-white p-6 rounded-lg"
v-for="(item, index) in itemsToShow" v-for="item in itemsToShow"
:key="item.blockNumber" :key="item.blockNumber"
> >
<div class="flex justify-between items-center"> <div class="flex justify-between items-center">
@ -104,10 +131,10 @@ showInitialItems();
}} }}
BRZ BRZ
</p> </p>
<p class="text-xs leading-4 font-medium text-gray-600">20/08/2022</p> <p class="text-xs leading-4 font-medium text-gray-600"></p>
</div> </div>
<div> <div>
<div class="bg-emerald-300 rounded-lg text-center mb-2"> <div class="bg-emerald-300 rounded-lg text-center mb-2 p-1">
Finalizado Finalizado
</div> </div>
<div <div
@ -120,11 +147,11 @@ showInitialItems();
</div> </div>
</div> </div>
</div> </div>
<div class="pt-5" v-if="props.isManageMode"> <!-- <div class="pt-5" v-if="props.isManageMode">
<!-- <div class="py-2"> <div class="py-2">
<p class="text-sm leading-5 font-medium">Valor do saque</p> <p class="text-sm leading-5 font-medium">Valor do saque</p>
<p class="text-2xl leading-8 font-medium">0</p> <p class="text-2xl leading-8 font-medium">0</p>
</div> --> </div>
<hr class="pb-3" /> <hr class="pb-3" />
<div class="flex justify-between items-center"> <div class="flex justify-between items-center">
@ -138,7 +165,7 @@ showInitialItems();
<span class="last-release-info">Sacar</span> <span class="last-release-info">Sacar</span>
</div> </div>
</div> </div>
</div> </div> -->
</div> </div>
<div <div
class="flex flex-col justify-center items-center w-full mt-2 gap-2" class="flex flex-col justify-center items-center w-full mt-2 gap-2"

2
src/views/ManageBidsView.vue
View File

@ -73,6 +73,6 @@ watch(networkName, async () => {
} }
.header { .header {
@apply text-3xl text-gray-900 leading-9 font-bold justify-center flex; @apply text-3xl text-white leading-9 font-bold justify-center flex;
} }
</style> </style>