From ea03846b9cd2d86287a61b14a507fe06f8402f06 Mon Sep 17 00:00:00 2001
From: ectasy663 <namansingh4680@gmail.com>
Date: Tue, 22 Sep 2026 21:04:15 +0530
Subject: [PATCH] Fix OG image API crash and dropdown opacity

---
 src/app/api/og/dashboard/route.tsx | 16 +---------------
 src/app/dashboard/page.tsx         |  2 +-
 2 files changed, 2 insertions(+), 16 deletions(-)

diff --git a/src/app/api/og/dashboard/route.tsx b/src/app/api/og/dashboard/route.tsx
index 6145377..05808f5 100644
--- a/src/app/api/og/dashboard/route.tsx
+++ b/src/app/api/og/dashboard/route.tsx
@@ -70,21 +70,7 @@ export async function GET(req: NextRequest) {
             padding: '70px 0',
           }}
         >
-          {/* Subtle grid background overlay */}
-          <div
-            style={{
-              position: 'absolute',
-              top: 0,
-              left: 0,
-              right: 0,
-              bottom: 0,
-              backgroundImage: `radial-gradient(circle at 2px 2px, ${gridColor} 1px, transparent 0)`,
-              backgroundSize: '40px 40px',
-              zIndex: 0,
-            }}
-          />
-
-          <div style={{ display: 'flex', flexDirection: 'column', width: '880px', height: '100%', justifyContent: 'space-between', zIndex: 10 }}>
+          <div style={{ display: 'flex', flexDirection: 'column', width: '880px', height: '100%', justifyContent: 'space-between' }}>
             {/* Header */}
             <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', width: '100%' }}>
               <img src={logoUrl} width={450} height={110} style={{ objectFit: 'contain', marginLeft: '-64px' }} />
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 563b682..66948e0 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -132,7 +132,7 @@ export default function DashboardPage() {
               {downloading ? 'Generating...' : 'Share Card'}
             </Button>
             {shareMenuOpen && (
-              <div className="absolute right-0 top-full mt-2 w-48 bg-card border border-border rounded-xl shadow-xl z-50 overflow-hidden animate-in fade-in zoom-in-95 duration-200">
+              <div className="absolute right-0 top-full mt-2 w-48 bg-white dark:bg-zinc-950 border border-border rounded-xl shadow-xl z-50 overflow-hidden animate-in fade-in zoom-in-95 duration-200">
                 <button onClick={handleShareFacebook} className="flex items-center w-full px-4 py-3 text-sm hover:bg-secondary text-left transition-colors">
                   <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="mr-3 text-blue-600"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>
                   Share on Facebook