Sync

PumpFaxt · Jan 10, 2025 · cb61e76 · cb61e76
1 parent 9dfe950
commit cb61e76
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/packages/client/src/pages/discover/TokenCard.tsx b/packages/client/src/pages/discover/TokenCard.tsx
@@ -12,7 +12,7 @@ export default function TokenCard() {
         <img
           src={tokenData.imageUrl}
           alt={tokenData.name}
-          className="w-1/4 object-cover aspect-square"
+          className="w-1/5 object-cover aspect-square"
         />
         <div className="flex flex-col">
           <div className="flex text-sm">
@@ -42,7 +42,7 @@ export default function TokenCard() {
               <p className="text-foreground/50">(45.24%)</p>
             </div>
             <FlexSeparator size="sm" />
-            <div className="h-2 w-1/2 bg-gradient-to-r from-blue-400 via-purple-500 to-pink-600 rounded-md" />
+            <div className="h-2 w-full bg-gradient-to-r from-blue-400 via-purple-500 to-pink-600 rounded-md" />
           </div>
         </div>
       </div>

diff --git a/packages/client/src/pages/token/TokenInfo.tsx b/packages/client/src/pages/token/TokenInfo.tsx
@@ -6,12 +6,19 @@ import ClipboardWrapper from "../../shared/components/ClipboardWrapper.tsx";
 export default function TokenInfo() {
   return (
     <div className="flex flex-col gap-y-2 border border-border p-2 rounded-sm hover:cursor-pointer">
-      <div className="flex gap-x-2 items-start ">
+      <div className="aspect-video relative overflow-hidden">
         <img
           src={tokenData.imageUrl}
           alt={tokenData.name}
-          className="w-1/4 object-cover aspect-square"
+          className="object-cover absolute top-0 left-0 self-center aspect-video blur-3xl scale-125"
         />
+        <img
+          src={tokenData.imageUrl}
+          alt={tokenData.name}
+          className="object-contain aspect-video relative"
+        />
+      </div>
+      <div className="flex gap-x-2 items-start ">
         <div className="flex flex-col">
           <div className="flex text-sm flex-col">
             <div className="flex w-full">
@@ -122,5 +129,5 @@ const tokenData = {
   description:
     "Find & Download Free Graphic Resources for Random Nft Vectors, Stock Photos & PSD files.  Free for commercial use  High Quality Images. Find & Download the most popular Random Nft Photos on Freepik  Free for commercial use  High Quality Images.",
   imageUrl:
-    "https://i.ytimg.com/vi/LW1i-axSoYE/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLA6NX3F_tN3cSQg084sPFcPOFS1ew",
+    "https://i.pinimg.com/736x/26/db/8e/26db8e1bc9a0eb238e69ae7d01a24fee.jpg",
 };