cerc-io/cosmos-explorer
16
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update ProposalListItem.vue

Browse Source
This commit is contained in:
Alisa | Side.one 2023-05-16 09:11:27 +08:00
parent 1f27a4cc30
commit b5574d6179
1 changed files with 19 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/components/ProposalListItem.vue
View File

@ -24,6 +24,8 @@ const statusMap: Record<string, string> = {
PROPOSAL_STATUS_PASSED: 'PASSED', PROPOSAL_STATUS_PASSED: 'PASSED',
PROPOSAL_STATUS_REJECTED: 'REJECTED', PROPOSAL_STATUS_REJECTED: 'REJECTED',
}; };
const proposalInfo = ref()
</script> </script>
<template> <template>
<div class="bg-white dark:bg-[#28334e] rounded text-sm"> <div class="bg-white dark:bg-[#28334e] rounded text-sm">
@ -34,33 +36,10 @@ const statusMap: Record<string, string> = {
<label <label
for="proposal-detail-modal" for="proposal-detail-modal"
class="text-main text-base hover:text-indigo-400 cursor-pointer" class="text-main text-base hover:text-indigo-400 cursor-pointer"
@click="proposalInfo = item"
> >
#{{ item?.proposal_id }}</label #{{ item?.proposal_id }}</label
> >
<input
type="checkbox"
id="proposal-detail-modal"
class="modal-toggle"
/>
<div class="modal modal-bottom sm:modal-middle">
<div class="modal-box">
<h3 class="font-bold text-lg">Description</h3>
<p class="py-4">
<Component
v-if="item.content?.description"
:is="select(item.content?.description, 'horizontal')"
:value="item.content?.description"
></Component>
</p>
<div class="modal-action">
<label
for="proposal-detail-modal"
class="btn btn-sm btn-primary"
>Close</label
>
</div>
</div>
</div>
</td> </td>
<td class="w-[35%]"> <td class="w-[35%]">
<div> <div>
@ -143,33 +122,10 @@ const statusMap: Record<string, string> = {
<label <label
for="proposal-detail-modals" for="proposal-detail-modals"
class="text-main text-base hover:text-indigo-400 cursor-pointer" class="text-main text-base hover:text-indigo-400 cursor-pointer"
@click="proposalInfo = item"
> >
#{{ item?.proposal_id }}</label #{{ item?.proposal_id }}</label
> >
<input
type="checkbox"
id="proposal-detail-modals"
class="modal-toggle"
/>
<div class="modal modal-bottom sm:modal-middle">
<div class="modal-box">
<h3 class="font-bold text-lg">Description</h3>
<p class="py-4">
<Component
v-if="item.content?.description"
:is="select(item.content?.description, 'horizontal')"
:value="item.content?.description"
></Component>
</p>
<div class="modal-action">
<label
for="proposal-detail-modals"
class="btn btn-sm btn-primary"
>Close</label
>
</div>
</div>
</div>
</div> </div>
<div class="grid grid-cols-4 mt-2 mb-2"> <div class="grid grid-cols-4 mt-2 mb-2">
@ -223,5 +179,20 @@ const statusMap: Record<string, string> = {
</div> </div>
</div> </div>
</div> </div>
<input type="checkbox" id="proposal-detail-modal" class="modal-toggle" />
<label for="proposal-detail-modal" class="modal sm:modal-middle">
<label class="modal-box relative" for="">
<label for="proposal-detail-modal" class="btn btn-sm btn-circle absolute right-2 top-2">✕</label>
<h3 class="font-bold text-lg">Description</h3>
<p class="py-4">
<Component
v-if="proposalInfo?.content?.description"
:is="select(proposalInfo?.content?.description, 'horizontal')"
:value="proposalInfo?.content?.description"
></Component>
</p>
</label>
</label>
</div> </div>
</template> </template>