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

feat: light mode

Browse Source
This commit is contained in:
alisa 2023-04-25 01:12:32 +08:00
parent 0618897761
commit f3fd01828a
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/ProposalListItem.vue
View File

@ -26,22 +26,24 @@ const statusMap: Record<string, string> = {
}; };
</script> </script>
<template> <template>
<div class="bg-[#28334e] rounded text-sm"> <div class="bg-white dark:bg-[#28334e] rounded text-sm">
<RouterLink <RouterLink
:to="`/${chain.chainName}/gov/${item?.proposal_id}`" :to="`/${chain.chainName}/gov/${item?.proposal_id}`"
v-for="(item, index) in proposals?.proposals" v-for="(item, index) in proposals?.proposals"
:key="index" :key="index"
class="py-4 px-4 hover:bg-[#353f5a] block rounded cursor-pointer" class="py-4 px-4 hover:bg-gray-100 dark:hover:bg-[#353f5a] block rounded cursor-pointer"
> >
<div class="grid grid-cols-6 md:grid-cols-11 flex-1"> <div class="grid grid-cols-6 md:grid-cols-11 flex-1">
<div class="text-white mb-3">#{{ item?.proposal_id }}</div> <div class="text-textMain dark:text-white mb-3">#{{ item?.proposal_id }}</div>
<div class="col-span-5 md:pr-10 text-white truncate"> <div class="col-span-5 md:pr-10 text-textMain dark:text-white truncate">
{{ item?.content?.title }} {{ item?.content?.title }}
</div> </div>
<div class="col-span-3 mb-3 truncate"> <div class="col-span-3 mb-3 truncate">
<div class="bg-gray-600 text-gray-300 inline-block rounded-full px-2 py-[1px] text-xs"> <div
class="bg-[#f6f2ff] text-[#9c6cff] dark:bg-gray-600 dark:text-gray-300 inline-block rounded-full px-2 py-[1px] text-xs"
>
{{ showType(item.content['@type']) }} {{ showType(item.content['@type']) }}
</div> </div>
</div> </div>
@ -51,7 +53,9 @@ const statusMap: Record<string, string> = {
<div class="text-xs">{{ statusMap?.[item?.status] || item?.status }}</div> <div class="text-xs">{{ statusMap?.[item?.status] || item?.status }}</div>
</div> </div>
<div class="truncate mb-3 col-span-2 md:col-span-1 text-xs text-gray-400 text-right md:flex md:justify-start"> <div
class="truncate mb-3 col-span-2 md:col-span-1 text-xs text-gray-500 dark:text-gray-400 text-right md:flex md:justify-start"
>
{{ format.toDay(item.voting_end_time, 'from') }} {{ format.toDay(item.voting_end_time, 'from') }}
</div> </div>
</div> </div>

3
tailwind.config.js
View File

@ -8,7 +8,8 @@ module.exports = {
main: '#5973fe', main: '#5973fe',
yes: '#3fb68b', yes: '#3fb68b',
no: '#ff5353', no: '#ff5353',
info: '#00ddc6', info: '#00b2ff',
textMain: '#333',
}, },
}, },
}, },