From 29809b5deed638675c92b560de5785a58fdedc32 Mon Sep 17 00:00:00 2001
From: "Alisa | Side.one" <alisa@side.one>
Date: Mon, 29 May 2023 21:17:48 +0800
Subject: [PATCH] feat: style reback

---
 src/modules/[chain]/uptime/index.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index 8f4678a5..dcd0ee2f 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -128,9 +128,11 @@ function changeTab(v: string) {
                 <input type="text" v-model="keyword" placeholder="Keywords to filter validators"
                     class="input input-sm w-full flex-1 border border-gray-200 dark:border-gray-600" />
             </div>
-            <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-x-4 mt-4" :class="tab === '2' ? '' : 'hidden'">
+            <!-- grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-x-4 mt-4 -->
+            <div class="flex flex-row flex-wrap gap-x-4 mt-4" :class="tab === '2' ? '' : 'hidden'">
                 <div v-for="({ v, signing, hex }, i) in list" :key="i">
-                    <div class="flex items-center justify-between py-0">
+                    <!-- flex items-center justify-between py-0 -->
+                    <div class="flex items-center justify-between py-0 w-72">
                         <label class="truncate text-sm">
                             <span class="ml-1 text-black dark:text-white">{{ i + 1 }}.{{ v.description.moniker }}</span>
                         </label>