Skip to content

Commit ab056b1

Browse files
committed
Update design for the voting panel
1 parent 9a2c9e4 commit ab056b1

File tree

1 file changed

+10
-7
lines changed

1 file changed

+10
-7
lines changed

src/pages/Index.vue

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -121,7 +121,7 @@
121121
<!-- List of nodes -->
122122
<div class="row q-pb-md q-col-gutter-xl">
123123
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
124-
<q-banner inline-actions rounded class="bg-vdark text-vgrey q-mb-sm">
124+
<q-banner inline-actions class="bg-vdark text-vgrey q-mb-sm">
125125
<div class="text-italic">
126126
List of nodes on the network.
127127
<q-btn flat round size="sm" color="vgreen" icon="fas fa-question" class="">
@@ -153,14 +153,17 @@
153153
</q-scroll-area>
154154
</div>
155155
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
156-
<div class="text-italic text-vgrey">Voting for the nodes.</div>
157-
<div class="text-italic text-vgrey text-caption">*Activates when you select at least one node to vote</div>
156+
<!-- <div class="text-italic text-vgrey">Voting for the nodes.</div>
157+
<div class="text-italic text-vgrey text-caption">*Activates when you select at least one node to vote</div> -->
158+
<q-banner inline-actions class="bg-vdark text-vgrey q-mb-sm">
159+
<div class="text-italic q-py-md">Voting.</div>
160+
<template v-slot:action>
161+
<q-btn color="vgreen" class="text-vdark q-mx-xs" v-on:click="vote()" v-if="voting_list.length > 0">Vote now</q-btn>
162+
<div v-if="voting_list.length <= 0">Choose nodes to vote</div>
163+
</template>
164+
</q-banner>
158165
<div class="bg-vdark inset-shadow" v-if="nodes.length > 0">
159166
<q-scroll-area style="height: 300pt;">
160-
<q-btn color="vgreen" class="text-vdark q-ma-sm" v-on:click="vote()" v-if="voting_list.length > 0">Vote now</q-btn>
161-
<q-banner class="text-vgrey text-center bg-vdark" v-if="voting_list.length <= 0">
162-
Choose nodes to vote
163-
</q-banner>
164167
<q-list bordered separator v-if="voting_list.length > 0">
165168
<q-item v-for="node in voting_list" :key="node.id">
166169
<q-item-section>

0 commit comments

Comments
 (0)