diff --git a/src/css/catalog/CatalogClassicView.css b/src/css/catalog/CatalogClassicView.css index 498fa9c..48a6100 100644 --- a/src/css/catalog/CatalogClassicView.css +++ b/src/css/catalog/CatalogClassicView.css @@ -245,6 +245,7 @@ display: flex; flex-direction: column; gap: 3px; + flex-shrink: 0; min-height: 0; padding: 6px 8px; border-bottom: 1px solid var(--cat-line); @@ -262,10 +263,10 @@ .nitro-catalog-classic-layout-hero img { display: block; - width: 100%; - max-width: 100%; + width: auto; height: auto; - max-height: 80px; + max-width: 100%; + max-height: none; object-fit: contain; } @@ -281,7 +282,6 @@ gap: 8px; } -/* Offer / detail card — the mockup's preview + info panel. */ .nitro-catalog-classic-offer-panel, .nitro-catalog-classic-welcome { border: 1px solid var(--cat-line); @@ -372,21 +372,7 @@ } .nitro-catalog-classic-window .nitro-catalog-header { - justify-content: flex-start; - min-height: 56px; - margin-bottom: 6px; - padding: 4px 6px; - border: 1px solid var(--cat-line); - border-radius: 6px; - background: #ffffff; -} - -.nitro-catalog-classic-window .nitro-catalog-header img { - max-width: 100%; - max-height: 48px; - width: auto; - height: auto; - object-fit: contain; + display: none; } .nitro-catalog-classic-offer-info .bg-\[\#00800b\] { @@ -417,7 +403,6 @@ color: #94a7b3; } -/* Scrollbars — blue-grey to match the chrome. */ .nitro-catalog-classic-navigation-shell::-webkit-scrollbar, .nitro-catalog-classic-layout-container :is(.overflow-auto, .nitro-card-content-shell, .nitro-catalog-classic-grid-shell)::-webkit-scrollbar { width: 12px;