chore: image finetuning

mrgnlabs · Jan 3, 2025 · 3195bb6 · 3195bb6
1 parent 584bcd7
commit 3195bb6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 15 deletions.
diff --git a/apps/marginfi-v2-trading/src/components/common/dynamic-share-image/dynamic-share-image.tsx b/apps/marginfi-v2-trading/src/components/common/dynamic-share-image/dynamic-share-image.tsx
@@ -22,18 +22,16 @@ export function DynamicShareImage({
         justifyContent: "center",
         width: "720px",
         height: "360px",
-        backgroundColor: "#F7F7F7",
         backgroundImage: `url('${baseUrl}/metadata/metadata-image-bg.png')`,
-        backgroundRepeat: "no-repeat",
         backgroundSize: "cover",
         position: "relative",
         fontFamily: "Orbitron",
       }}
     >
       <div
         style={{
-          width: "84px",
-          height: "84px",
+          width: "105px",
+          height: "105px",
           overflow: "hidden",
           marginBottom: "12px",
           padding: "2px",
@@ -43,25 +41,25 @@ export function DynamicShareImage({
         <img
           src={tokenImageUrl}
           alt="Profile"
-          height="80px"
-          width="80px"
+          height="100px"
+          width="100px"
           style={{
             borderRadius: "50%",
             objectFit: "cover",
             position: "absolute",
-            height: "80px",
-            width: "80px",
+            height: "100px",
+            width: "100px",
             border: "1px solid black",
           }}
         />
         <img
           src={quoteTokenImageUrl}
           alt="Profile"
-          height="30px"
-          width="30px"
+          height="40px"
+          width="40px"
           style={{
-            height: "30px",
-            width: "30px",
+            height: "40px",
+            width: "40px",
             borderRadius: "50%",
             objectFit: "cover",
             position: "absolute",
@@ -74,7 +72,7 @@ export function DynamicShareImage({
 
       <h1
         style={{
-          fontSize: "32px",
+          fontSize: "38px",
           fontWeight: "bold",
           margin: 0,
         }}

diff --git a/apps/marginfi-v2-trading/src/pages/api/share-image/generate.tsx b/apps/marginfi-v2-trading/src/pages/api/share-image/generate.tsx
@@ -20,8 +20,6 @@ async function loadFont(font: string, text: string) {
 
   throw new Error(`Failed to load font data for ${font}`);
 }
-// Generate link preview image
-// Note that a lot of usual CSS is unsupported, including tailwind.
 export default async function GET(request: NextRequest) {
   const baseUrl = `${request.headers.get("x-forwarded-proto") ?? "https"}://${request.headers.get("host")}`;