From 817f961d078a7102a8a4f53f21343368287246c3 Mon Sep 17 00:00:00 2001
From: lashman <lashman@robotbrush.com>
Date: Mon, 6 Apr 2026 21:38:35 +0300
Subject: [PATCH] quick look logo overlays hero image, bigger, bottom-centered

---
 src/components/ui/QuickLookModal.tsx | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/components/ui/QuickLookModal.tsx b/src/components/ui/QuickLookModal.tsx
index 442db0c..044ec64 100644
--- a/src/components/ui/QuickLookModal.tsx
+++ b/src/components/ui/QuickLookModal.tsx
@@ -101,21 +101,20 @@ export default function QuickLookModal() {
             {heroImg && (
               <div className="relative aspect-[16/8] overflow-hidden bg-elevated">
                 <img src={heroImg} alt={item.Name || ''} className="w-full h-full object-cover" />
-                <div className="absolute inset-0 bg-gradient-to-t from-surface via-surface/40 to-transparent" />
-              </div>
-            )}
-
-            <div className="p-6 -mt-8 relative">
-              {logoUrl ? (
-                <div className="mb-2 flex justify-start">
+                <div className="absolute inset-0 bg-gradient-to-t from-surface via-surface/50 to-transparent" />
+                {logoUrl && (
                   <img
                     src={logoUrl}
                     alt={item.Name || ''}
-                    className="block h-auto max-h-14 md:max-h-16 max-w-[380px] w-auto drop-shadow-[0_4px_24px_rgba(0,0,0,0.7)]"
+                    className="absolute bottom-4 left-1/2 -translate-x-1/2 h-auto max-h-20 md:max-h-24 max-w-[520px] w-auto drop-shadow-[0_4px_32px_rgba(0,0,0,0.9)]"
                     onError={e => { (e.target as HTMLImageElement).style.display = 'none' }}
                   />
-                </div>
-              ) : (
+                )}
+              </div>
+            )}
+
+            <div className="p-6 relative">
+              {!logoUrl && (
                 <h2 className="text-[22px] font-display font-bold tracking-tight text-text-1 mb-2 leading-tight">
                   {item.Name}
                 </h2>