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

style(catalog): logo info a tutta larghezza (no crop, no margini)

Browse Source
This commit is contained in:
medievalshell
2026-05-30 03:08:44 +02:00
parent c9997f6049
commit 9f737c5129
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/catalog/views/page/layout/CatalogLayoutBcInfoView.tsx
+8 -8
View File
@@ -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">