Instadapp/assembly
1
0
Fork 0
mirror of https://github.com/Instadapp/assembly.git synced 2024-07-29 22:37:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

ux enhancements: change position vaule & position amount

Browse Source
This commit is contained in:
zuber 2021-12-14 16:39:46 +08:00
parent 4c1efc2e77
commit 1168467ee2
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/protocols/CardUniverse.vue
View File

@ -19,10 +19,11 @@
<div class="flex flex-col flex-grow"> <div class="flex flex-col flex-grow">
<div class="font-medium text-lg leading-8 whitespace-no-wrap"> <div class="font-medium text-lg leading-8 whitespace-no-wrap">
{{ formatDecimal(supply) }} {{ symbol }} {{ formatUsd(supplyUsd) }}
</div> </div>
<div class="flex h-4 whitespace-no-wrap"> <div class="flex h-4 whitespace-no-wrap">
<span class="text-sm font-medium text-[#9FB0C9]">{{ formatUsd(supplyUsd) }}</span> <span class="text-sm font-medium text-[#9FB0C9]">{{ formatDecimal(supply) }} {{ symbol }}</span>
<Info <Info
:text="`${formatUsd(priceInUsd, 2)}/${symbol}`" :text="`${formatUsd(priceInUsd, 2)}/${symbol}`"
icon="price" icon="price"
@ -33,7 +34,7 @@
<div class="text-right mr-4 hidden md:block"> <div class="text-right mr-4 hidden md:block">
<p class="leading-8 "> <p class="leading-8 ">
<span class="text-lg font-medium">{{ untReward }}</span> <span class="text-lg font-medium">{{ untReward }}</span>
<span class="text-xs font-semibold">UNT / $10K / Day</span> <span class="text-base font-medium">UNT / $10K / Day</span>
</p> </p>
<div class="h-4 flex justify-end"> <div class="h-4 flex justify-end">
<p class="text-sm font-medium text-[#9FB0C9]">Rewards</p> <p class="text-sm font-medium text-[#9FB0C9]">Rewards</p>
@ -41,7 +42,7 @@
</div> </div>
</div> </div>
<div class="ml-auto text-right"> <div class="ml-auto text-right">
<p class="leading-8 text-lg font-bold text-green-400">{{ formatPercent(feeAprLifetime) }}</p> <p class="leading-8 text-lg font-bold text-green-500">{{ formatPercent(feeAprLifetime) }}</p>
<div class="h-4 flex"> <div class="h-4 flex">
<p class="text-sm font-medium text-[#9FB0C9]">Fee APR</p> <p class="text-sm font-medium text-[#9FB0C9]">Fee APR</p>
<Info class="ml-1 h-3" text="Trading fees earned in Uniswap V3 pool" /> <Info class="ml-1 h-3" text="Trading fees earned in Uniswap V3 pool" />