duckietm/Nitro-V3
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-V3.git synced 2026-06-20 15:36:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(catalog): logo info massimizzato senza crop, testo box piu piccolo

Browse Source
This commit is contained in:
medievalshell
2026-05-30 03:14:36 +02:00
parent 9f737c5129
commit 624a310c59
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/catalog/views/page/layout/CatalogLayoutBcInfoView.tsx
+5 -7
View File
@@ -2,8 +2,8 @@ import { FC, useEffect } from 'react';
import { SanitizeHtml } from '../../../../../api'; import { SanitizeHtml } from '../../../../../api';
import { CatalogLayoutProps } from './CatalogLayout.types'; import { CatalogLayoutProps } from './CatalogLayout.types';
// Info/landing layout: a logo box on top (image fills the full width, natural // Info/landing layout: a logo box on top (image scaled to fit the available
// height, no crop) and a smaller box below with the page text in black. // 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)), // Logo = page headline image (getImage(0)), text = page text 1 (getText(0)),
// set from catalog admin (Gestione -> Modifica pagina). Hides the (empty) // set from catalog admin (Gestione -> Modifica pagina). Hides the (empty)
// navigation sidebar so the content uses the full width. // navigation sidebar so the content uses the full width.
@@ -21,14 +21,12 @@ export const CatalogLayoutBcInfoView: FC<CatalogLayoutProps> = props =>
return ( return (
<div className="flex flex-col h-full gap-2"> <div className="flex flex-col h-full gap-2">
<div <div className="flex-1 min-h-0 bg-white rounded border border-card-grid-item-border overflow-hidden flex items-center justify-center">
className="bg-white rounded border border-card-grid-item-border overflow-hidden flex items-center justify-center"
style={ logo ? undefined : { minHeight: '70%' } }>
{ logo { 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> } : <span className="text-muted text-[11px]">Logo — imposta l'immagine headline da Gestione</span> }
</div> </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 <div
className="text-black text-[12px] leading-snug" className="text-black text-[12px] leading-snug"
dangerouslySetInnerHTML={ { __html: SanitizeHtml(text) } } /> dangerouslySetInnerHTML={ { __html: SanitizeHtml(text) } } />