payback design

This commit is contained in:
Georges KABBOUCHI 2021-08-01 13:46:02 +03:00
parent 52a085ae64
commit 80f4d2d9a1

View File

@ -10,18 +10,24 @@
:stable-borrow-enabled="stableBorrowEnabled" :stable-borrow-enabled="stableBorrowEnabled"
/> />
<SidebarSectionValueWithIcon class="mt-6" label="Borrowed" center> <div class="mt-6 flex justify-around items-center w-full">
<template #icon <SidebarSectionValueWithIcon class="" label="Borrowed" center>
><IconCurrency :currency="rootTokenKey" class="w-20 h-20" noHeight <template #icon
/></template> ><IconCurrency :currency="rootTokenKey" class="w-20 h-20" noHeight
<template #value>{{ formatNumber(balance) }} {{ symbol }}</template> /></template>
</SidebarSectionValueWithIcon> <template #value>{{ formatNumber(balance) }} {{ symbol }}</template>
</SidebarSectionValueWithIcon>
<SidebarSectionValueWithIcon class="" label="Token Balance" center> <SidebarSectionValueWithIcon class="" label="Token Balance" center>
<template #value <template #icon
>{{ formatNumber(tokenMaxBalance) }} {{ symbol }}</template ><IconCurrency :currency="rootTokenKey" class="w-20 h-20" noHeight
> /></template>
</SidebarSectionValueWithIcon>
<template #value
>{{ formatNumber(tokenMaxBalance) }} {{ symbol }}</template
>
</SidebarSectionValueWithIcon>
</div>
<div class="bg-[#C5CCE1] bg-opacity-[0.15] mt-10 p-8"> <div class="bg-[#C5CCE1] bg-opacity-[0.15] mt-10 p-8">
<h3 class="text-primary-gray text-xs font-semibold mb-2.5"> <h3 class="text-primary-gray text-xs font-semibold mb-2.5">