From a7f207c2200923f69141babb430d6a2b6b5edf6e Mon Sep 17 00:00:00 2001
From: Alisa <alisa@side.one>
Date: Sun, 28 May 2023 02:53:58 +0800
Subject: [PATCH] feat: uptime

---
 .prettierrc.json                         | 2 +-
 src/layouts/components/DefaultLayout.vue | 4 ++--
 src/modules/[chain]/uptime/index.vue     | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/.prettierrc.json b/.prettierrc.json
index 0ed67ee7..2b3cebf9 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -1,5 +1,5 @@
 {
-  "tabWidth": 2,
+  "tabWidth": 4,
   "singleQuote": true,
   "semi": true,
   "endOfLine": "auto",
diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index 0d524634..864c0047 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -64,7 +64,7 @@ const showDiscord = window.location.host.search('ping.pub') > -1;
                             'text-blue-500': item?.title !== 'Favorite',
                         }" />
                         <img v-if="item?.icon?.image" :src="item?.icon?.image" class="w-6 h-6 rounded-full mr-3" />
-                        <div class="text-base capitalize flex-1 text-gray-700 dark:text-gray-200">
+                        <div class="text-base capitalize flex-1 text-gray-700 dark:text-gray-200 whitespace-nowrap">
                             {{ item?.title }}
                         </div>
                         <div v-if="item?.badgeContent" class="mr-6 badge badge-sm" :class="item?.badgeClass">
@@ -104,7 +104,7 @@ const showDiscord = window.location.host.search('ping.pub') > -1;
                         'text-blue-500': item?.title !== 'Favorite',
                     }" />
                     <img v-if="item?.icon?.image" :src="item?.icon?.image" class="w-6 h-6 rounded-full mr-3" />
-                    <div class="text-base capitalize flex-1 text-gray-700 dark:text-gray-200">
+                    <div class="text-base capitalize flex-1 text-gray-700 dark:text-gray-200 whitespace-nowrap">
                         {{ item?.title }}
                     </div>
                     <div v-if="item?.badgeContent" class="mr-6 badge badge-sm" :class="item?.badgeClass">
diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index 73d0469b..8f4678a5 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -128,7 +128,7 @@ 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-4 gap-x-4 mt-4" :class="tab === '2' ? '' : 'hidden'">
+            <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 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">
                         <label class="truncate text-sm">