From 53dc329decd7c216f9313c2175173e27bb02ca03 Mon Sep 17 00:00:00 2001
From: Guanran Wang <guanran928@outlook.com>
Date: Sat, 26 Oct 2024 20:05:00 +0800
Subject: [PATCH] chore(ui): use divide instead of border-bottom

---
 ui/index.html | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/ui/index.html b/ui/index.html
index 7baa88e..8e53fae 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -30,24 +30,18 @@
   >
     <div class="flex flex-col min-h-screen justify-center items-center">
       <p class="py-2">Ny4 IP checker!</p>
-      <div>
-        <div
-          class="grid grid-cols-2 md:grid-cols-4 gap-2 p-2 border-b border-violet-300 dark:border-slate-700"
-        >
+      <div class="divide-y divide-violet-300 dark:divide-slate-700">
+        <div class="grid grid-cols-2 md:grid-cols-4 gap-2 p-2">
           <div>ip.ny4.dev</div>
           <div id="check-ny4-ip">Loading...</div>
           <div id="check-ny4-location" class="col-span-2">Loading...</div>
         </div>
-        <div
-          class="grid grid-cols-2 md:grid-cols-4 gap-2 p-2 border-b border-violet-300 dark:border-slate-700"
-        >
+        <div class="grid grid-cols-2 md:grid-cols-4 gap-2 p-2">
           <div>ip.sb</div>
           <div id="check-ipsb-ip">Loading...</div>
           <div id="check-ipsb-location" class="col-span-2">Loading...</div>
         </div>
-        <div
-          class="grid grid-cols-2 md:grid-cols-4 gap-2 p-2 border-b border-violet-300 dark:border-slate-700"
-        >
+        <div class="grid grid-cols-2 md:grid-cols-4 gap-2 p-2">
           <div>ipapi.is</div>
           <div id="check-ipapiis-ip">Loading...</div>
           <div id="check-ipapiis-location" class="col-span-2">Loading...</div>