From 624a310c5946237ec61f7ae0a86ec2ce9e0a35ae Mon Sep 17 00:00:00 2001
From: medievalshell <medievalshell@gmail.com>
Date: Sat, 30 May 2026 03:14:36 +0200
Subject: [PATCH] style(catalog): logo info massimizzato senza crop, testo box
 piu piccolo

---
 .../views/page/layout/CatalogLayoutBcInfoView.tsx    | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/catalog/views/page/layout/CatalogLayoutBcInfoView.tsx b/src/components/catalog/views/page/layout/CatalogLayoutBcInfoView.tsx
index 750c638..793801f 100644
--- a/src/components/catalog/views/page/layout/CatalogLayoutBcInfoView.tsx
+++ b/src/components/catalog/views/page/layout/CatalogLayoutBcInfoView.tsx
@@ -2,8 +2,8 @@ import { FC, useEffect } from 'react';
 import { SanitizeHtml } from '../../../../../api';
 import { CatalogLayoutProps } from './CatalogLayout.types';
 
-// 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.
+// Info/landing layout: a logo box on top (image scaled to fit the available
+// space, 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.
@@ -21,14 +21,12 @@ 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 overflow-hidden flex items-center justify-center"
-                style={ logo ? undefined : { minHeight: '70%' } }>
+            <div className="flex-1 min-h-0 bg-white rounded border border-card-grid-item-border overflow-hidden flex items-center justify-center">
                 { logo
-                    ? <img alt="" className="block w-full h-auto" src={ logo } />
+                    ? <img alt="" className="max-w-full max-h-full object-contain" 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">
+            <div className="shrink-0 max-h-[32%] bg-white rounded border border-card-grid-item-border p-3 overflow-auto">
                 <div
                     className="text-black text-[12px] leading-snug"
                     dangerouslySetInnerHTML={ { __html: SanitizeHtml(text) } } />