zramsay/cosmos-explorer
1
0
Fork 0
forked from cerc-io/cosmos-explorer
Code Pull Requests Actions Activity

feat: Governance status color

Browse Source
This commit is contained in:
alisa 2023-04-25 14:52:55 +08:00
parent df5e8afb14
commit 2ab68a62e3
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ProposalListItem.vue
View File

@ -48,8 +48,12 @@ const statusMap: Record<string, string> = {
</div>
</div>
<div class="text-yes flex items-center mb-3">
<div class="w-1 h-1 bg-yes rounded-full mr-2"></div>
<div
class=" flex items-center mb-3"
:class="statusMap?.[item?.status] === 'PASSED'?'text-yes':statusMap?.[item?.status] === 'REJECTED' ?'text-no':'text-inProgress'">
<div
class="w-1 h-1 rounded-full mr-2"
:class="statusMap?.[item?.status] === 'PASSED'?'bg-yes':statusMap?.[item?.status] === 'REJECTED' ?'bg-no':'bg-inProgress'"></div>
<div class="text-xs">{{ statusMap?.[item?.status] || item?.status }}</div>
</div>

1
tailwind.config.js
View File

@ -7,6 +7,7 @@ module.exports = {
colors: {
main: '#5973fe',
yes: '#3fb68b',
inProgress: '#4472de',
no: '#ff5353',
info: '#00b2ff',
textMain: '#333',