From 9f737c512984d144208145e74617fb87cff26980 Mon Sep 17 00:00:00 2001
From: medievalshell <medievalshell@gmail.com>
Date: Sat, 30 May 2026 03:08:44 +0200
Subject: [PATCH] style(catalog): logo info a tutta larghezza (no crop, no
 margini)

---
 .../page/layout/CatalogLayoutBcInfoView.tsx      | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/catalog/views/page/layout/CatalogLayoutBcInfoView.tsx b/src/components/catalog/views/page/layout/CatalogLayoutBcInfoView.tsx
index dee8094..750c638 100644
--- a/src/components/catalog/views/page/layout/CatalogLayoutBcInfoView.tsx
+++ b/src/components/catalog/views/page/layout/CatalogLayoutBcInfoView.tsx
@@ -2,11 +2,11 @@ import { FC, useEffect } from 'react';
 import { SanitizeHtml } from '../../../../../api';
 import { CatalogLayoutProps } from './CatalogLayout.types';
 
-// Info/landing layout: a big logo box (70% of the page height) on top and a
-// smaller box below holding the page text in black. Logo = page headline
-// image (getImage(0)), text = page text 1 (getText(0)). Set both from
-// catalog admin (Gestione -> Modifica pagina). Hides the (empty) navigation
-// sidebar so the content uses the full width.
+// Info/landing layout: a logo box on top (image fills the full width, natural
+// height, no crop) and a smaller box below with the page text in black.
+// Logo = page headline image (getImage(0)), text = page text 1 (getText(0)),
+// set from catalog admin (Gestione -> Modifica pagina). Hides the (empty)
+// navigation sidebar so the content uses the full width.
 export const CatalogLayoutBcInfoView: FC<CatalogLayoutProps> = props =>
 {
     const { page = null, hideNavigation = null } = props;
@@ -22,10 +22,10 @@ export const CatalogLayoutBcInfoView: FC<CatalogLayoutProps> = props =>
     return (
         <div className="flex flex-col h-full gap-2">
             <div
-                className="bg-white rounded border border-card-grid-item-border flex items-center justify-center overflow-hidden"
-                style={ { height: '70%' } }>
+                className="bg-white rounded border border-card-grid-item-border overflow-hidden flex items-center justify-center"
+                style={ logo ? undefined : { minHeight: '70%' } }>
                 { logo
-                    ? <img alt="" className="max-h-full max-w-full object-contain" src={ logo } />
+                    ? <img alt="" className="block w-full h-auto" src={ logo } />
                     : <span className="text-muted text-[11px]">Logo — imposta l'immagine headline da Gestione</span> }
             </div>
             <div className="flex-1 min-h-0 bg-white rounded border border-card-grid-item-border p-3 overflow-auto">