From c63e2b62f83413767fd9624d56ce474957e0f278 Mon Sep 17 00:00:00 2001
From: lq0-github <1441665200@qq.com>
Date: Wed, 15 Jan 2025 17:33:38 +0800
Subject: [PATCH] Fix:some ui bugs

---
 components/Assets/index.tsx | 56 +++++++++++++++++++++++++++++++++++++
 screens/Dashboard/index.tsx |  4 +--
 2 files changed, 58 insertions(+), 2 deletions(-)

diff --git a/components/Assets/index.tsx b/components/Assets/index.tsx
index 8d8a89e1..29be810f 100644
--- a/components/Assets/index.tsx
+++ b/components/Assets/index.tsx
@@ -28,6 +28,34 @@ const assets = {
         </defs>
       </svg>
     ),
+    borrowMemeBg: (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="235"
+        height="94"
+        viewBox="0 0 235 94"
+        fill="none"
+      >
+        <path
+          opacity="0.2"
+          d="M0 12C0 5.37257 5.37258 0 12 0H235V93.4125H0V12Z"
+          fill="url(#paint0_radial_406_11791_1)"
+        />
+        <defs>
+          <radialGradient
+            id="paint0_radial_406_11791_1"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="rotate(90) scale(93 229.5)"
+          >
+            <stop stopColor="#FF6BA9" />
+            <stop offset="1" stopColor="#FF6BA9" stopOpacity="0" />
+          </radialGradient>
+        </defs>
+      </svg>
+    ),
     suppliedBg: (
       <svg
         xmlns="http://www.w3.org/2000/svg"
@@ -56,6 +84,34 @@ const assets = {
         </defs>
       </svg>
     ),
+    suppliedMemeBg: (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="235"
+        height="94"
+        viewBox="0 0 235 94"
+        fill="none"
+      >
+        <path
+          opacity="0.2"
+          d="M0 12C0 5.37257 5.37258 0 12 0H235V93.4125H0V12Z"
+          fill="url(#paint0_radial_406_11793_1)"
+        />
+        <defs>
+          <radialGradient
+            id="paint0_radial_406_11793_1"
+            cx="0"
+            cy="0"
+            r="1"
+            gradientUnits="userSpaceOnUse"
+            gradientTransform="rotate(90) scale(93 229.5)"
+          >
+            <stop stopColor="#D2FF3A" />
+            <stop offset="1" stopColor="#D2FF3A" stopOpacity="0" />
+          </radialGradient>
+        </defs>
+      </svg>
+    ),
   },
 };
 export const nearMetadata = {
diff --git a/screens/Dashboard/index.tsx b/screens/Dashboard/index.tsx
index c02b13b5..b43423e3 100644
--- a/screens/Dashboard/index.tsx
+++ b/screens/Dashboard/index.tsx
@@ -315,7 +315,7 @@ const YourSupplied = ({
       <div className="flex items-center justify-between mb-4">
         <div className="flex items-center">
           <div className="absolute" style={{ left: 0, top: 0 }}>
-            {assets.svg.suppliedBg}
+            {memeCategory ? assets.svg.suppliedMemeBg : assets.svg.suppliedBg}
           </div>
           <SupplyTokenSvg className="mr-10" />
           <div className="h3">You Supplied</div>
@@ -487,7 +487,7 @@ const YourBorrowed = ({
       <div className="flex items-center justify-between mb-4">
         <div className="flex items-center">
           <div className="absolute" style={{ left: 0, top: 0 }}>
-            {assets.svg.borrowBg}
+            {memeCategory ? assets.svg.borrowMemeBg : assets.svg.borrowBg}
           </div>
           <BorrowTokenSvg className="mr-10" />
           <div className="h3">You Borrowed</div>