From 2b7f4995effad0e84df4b981bf490c1dd86846ec Mon Sep 17 00:00:00 2001
From: LandaMm <qwer.009771@gmail.com>
Date: Sat, 31 May 2025 18:40:24 +0200
Subject: [PATCH] feat: better border for table in light mode

---
 web/src/pages/ApiServices/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/pages/ApiServices/index.tsx b/web/src/pages/ApiServices/index.tsx
index 4cc7896..a2e5c39 100644
--- a/web/src/pages/ApiServices/index.tsx
+++ b/web/src/pages/ApiServices/index.tsx
@@ -84,7 +84,7 @@ const ApiServicesPage: FC = () => {
                   key={service.id}
                   className="hover:bg-gray-50 dark:hover:bg-gray-800"
                 >
-                  <td className="px-6 py-4 text-sm font-medium text-blue-600 border border-gray-700">
+                  <td className="px-6 py-4 text-sm font-medium text-blue-600 border border-gray-300 dark:border-gray-700">
                     <Link
                       to={`/admin/api-services/view/${service.id}`}
                       className="hover:underline hover:text-gray-600 dark:hover:text-gray-300 transition-colors"
@@ -92,10 +92,10 @@ const ApiServicesPage: FC = () => {
                       {service.name}
                     </Link>
                   </td>
-                  <td className="px-6 py-4 text-sm text-gray-700 dark:text-gray-300 border border-gray-700">
+                  <td className="px-6 py-4 text-sm text-gray-700 dark:text-gray-300 border border-gray-300 dark:border-gray-700">
                     {service.client_id}
                   </td>
-                  <td className="px-6 py-4 text-sm border border-gray-700">
+                  <td className="px-6 py-4 text-sm border border-gray-300 dark:border-gray-700">
                     <span
                       className={`inline-block px-2 py-1 text-xs rounded-full font-semibold ${
                         service.is_active
@@ -106,10 +106,10 @@ const ApiServicesPage: FC = () => {
                       {service.is_active ? "Yes" : "No"}
                     </span>
                   </td>
-                  <td className="px-6 py-4 text-sm text-gray-500 dark:text-gray-400 border border-gray-700">
+                  <td className="px-6 py-4 text-sm text-gray-500 dark:text-gray-400 border border-gray-300 dark:border-gray-700">
                     {new Date(service.created_at).toLocaleString()}
                   </td>
-                  <td className="px-6 py-4 text-sm text-gray-500 dark:text-gray-400 border border-gray-700">
+                  <td className="px-6 py-4 text-sm text-gray-500 dark:text-gray-400 border border-gray-300 dark:border-gray-700">
                     {new Date(service.updated_at).toLocaleString()}
                   </td>
                 </tr>