From d61a473f32a69293cba4dc755584ac9abbfe0118 Mon Sep 17 00:00:00 2001
From: leo <leo@zklink.org>
Date: Thu, 8 Aug 2024 14:55:10 +0800
Subject: [PATCH] fix ui issue

---
 src/components/DashboardS2/Tabs/EcoDApps.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/DashboardS2/Tabs/EcoDApps.tsx b/src/components/DashboardS2/Tabs/EcoDApps.tsx
index db7a20c8..7b2bc02e 100644
--- a/src/components/DashboardS2/Tabs/EcoDApps.tsx
+++ b/src/components/DashboardS2/Tabs/EcoDApps.tsx
@@ -227,12 +227,13 @@ const DetailBox = styled.div`
   }
 
   .detail-row {
+    padding: 0 24px;
     &.rounded-bottom {
       border-radius: 0 0 16px 16px;
     }
     background: #0d0f14;
     .detail-item {
-      padding: 24px;
+      padding: 24px 0;
     }
   }
 `;
@@ -470,16 +471,16 @@ const EcoDApp = (props: {
           <DetailBox className="w-full mt-[4px] px-[7px]">
             {data.details.map((detail, index) => (
               <div
-                className={`detail-row mb-[8px] flex justify-between ${
+                className={`detail-row mb-[8px] flex justify-between gap-[16px] ${
                   index === data.details.length - 1 ? "rounded-bottom" : ""
                 }`}
                 key={index}
               >
-                <div className="detail-item min-w-[440px] w-[440px]">
+                <div className="detail-item min-w-[380px] w-[380px]">
                   <div className="detail-label">Booster</div>
                   <div className="detail-value">{detail.booster}</div>
                 </div>
-                <div className="detail-item min-w-[480px] w-[480px]">
+                <div className="detail-item min-w-[360px] w-[360px]">
                   <div className="detail-label">Description</div>
                   <div className="detail-value">
                     {detail.description}