From 63a1ea85555f0a1d15a4d5cd6b97e66e02e58ec2 Mon Sep 17 00:00:00 2001
From: "Alisa | Side.one" <alisa@side.one>
Date: Tue, 6 Jun 2023 20:02:21 +0800
Subject: [PATCH] feat: consensus  no data

---
 src/modules/[chain]/consensus/index.vue | 34 ++++++++++++++++++-------
 1 file changed, 25 insertions(+), 9 deletions(-)

diff --git a/src/modules/[chain]/consensus/index.vue b/src/modules/[chain]/consensus/index.vue
index 37805c30..f25611f8 100644
--- a/src/modules/[chain]/consensus/index.vue
+++ b/src/modules/[chain]/consensus/index.vue
@@ -100,7 +100,7 @@ async function fetchPosition() {
     positions.value = data.result.round_state.validators.validators;
   } catch (error) {
     httpstatus.value = error?.status || 500;
-    httpStatusText.value = error?.message||'Error';
+    httpStatusText.value = error?.message || 'Error';
   }
 }
 
@@ -237,7 +237,10 @@ async function update() {
       </div>
     </div>
     <!-- update -->
-    <div class="bg-base-100 p-4 rounded shadow" v-if="roundState['height/round/step']">
+    <div
+      class="bg-base-100 p-4 rounded shadow"
+      v-if="roundState['height/round/step']"
+    >
       <div class="flex flex-1 flex-col truncate">
         <h2 class="text-sm card-title text-error mb-6">
           Updated at {{ newTime || '' }}
@@ -266,13 +269,26 @@ async function update() {
         </div>
       </div>
       <div class="divider"></div>
-      <div class="flex">
-        <button class="btn btn-xs btn-primary px-4 mr-1"></button> Proposer
-        Signed
-        <button class="btn btn-xs btn-warning px-4 ml-2 mr-1"></button> Proposer
-        Not Signed
-        <button class="btn btn-xs btn-success px-4 ml-2 mr-1"></button> Signed
-        <button class="btn btn-xs btn-neutral px-4 ml-2"></button> Not Signed
+      <!--  -->
+      <div class="flex flex-col md:!flex-row">
+        <div class="flex mr-1 mb-1">
+          <button class="btn btn-xs btn-primary px-4 w-[34px]"></button>
+          <span class="mx-1">Proposer Signed</span>
+        </div>
+        <div class="flex mr-1 mb-1">
+          <button class="btn btn-xs btn-warning px-4 w-[34px]"></button>
+          <span class="mx-1">Proposer Not Signed</span>
+        </div>
+
+        <div class="flex mr-1 mb-1">
+          <button class="btn btn-xs btn-success px-4 w-[34px]"></button>
+          <span class="mx-1">Signed</span>
+        </div>
+
+        <div class="flex mr-1 mb-1">
+          <button class="btn btn-xs btn-neutral px-4 w-[34px]"></button>
+          <span class="mx-1">Not Signed</span>
+        </div>
       </div>
     </div>