diff --git a/assets/styles/components/_proposals.scss b/assets/styles/components/_proposals.scss index 5eb88b0..c9886ab 100644 --- a/assets/styles/components/_proposals.scss +++ b/assets/styles/components/_proposals.scss @@ -73,13 +73,17 @@ padding: 1.429rem; background: #1f1f1f; border-radius: 6px; - cursor: pointer; - .title { + &.is-link { + cursor: pointer; + } + + &--title { color: #fff; font-size: 1.143rem; margin-bottom: 1rem; line-height: 1.286; + font-weight: 600; } &--info { @@ -105,6 +109,7 @@ margin-right: 0.714rem; + &.tag, .tag { color: #fff; background: #363636; diff --git a/components/ProposalCommentFormModal.vue b/components/ProposalCommentFormModal.vue new file mode 100644 index 0000000..9a95cfd --- /dev/null +++ b/components/ProposalCommentFormModal.vue @@ -0,0 +1,122 @@ + + + + + diff --git a/components/governance/Proposal.vue b/components/governance/Proposal.vue index 1c66e79..f1b739e 100644 --- a/components/governance/Proposal.vue +++ b/components/governance/Proposal.vue @@ -6,6 +6,14 @@

{{ data.description }}

+ +
+ + +
@@ -21,18 +29,18 @@ {{ $t('for') }} {{ $t('against') }} @@ -160,11 +168,17 @@ + + diff --git a/components/governance/ProposalCommentsSkeleton.vue b/components/governance/ProposalCommentsSkeleton.vue new file mode 100644 index 0000000..5b221b4 --- /dev/null +++ b/components/governance/ProposalCommentsSkeleton.vue @@ -0,0 +1,27 @@ + + + diff --git a/components/governance/ProposalSkeleton.vue b/components/governance/ProposalSkeleton.vue index 2625255..c1fcbdc 100644 --- a/components/governance/ProposalSkeleton.vue +++ b/components/governance/ProposalSkeleton.vue @@ -10,6 +10,7 @@
+
@@ -77,3 +78,13 @@
+ + diff --git a/components/governance/ProposalsListItem.vue b/components/governance/ProposalsListItem.vue index b5772f1..3144a11 100644 --- a/components/governance/ProposalsListItem.vue +++ b/components/governance/ProposalsListItem.vue @@ -1,8 +1,8 @@