From 95d94fcbc1ca01239bdf02e7f0a79fc053568fac Mon Sep 17 00:00:00 2001
From: sdarbinyan <sdarbinyan@4pay.ru>
Date: Thu, 22 Jan 2026 12:38:21 +0400
Subject: [PATCH] Fix FAQ email import and change images to use object-fit
 contain with white background

---
 .../items-carousel/items-carousel.component.scss     |  3 ++-
 src/app/pages/cart/cart.component.scss               |  9 ++++++---
 src/app/pages/category/category.component.scss       |  3 ++-
 src/app/pages/category/subcategories.component.scss  |  3 ++-
 src/app/pages/home/home.component.scss               |  6 ++++--
 src/app/pages/info/faq/faq.component.ts              |  2 +-
 src/app/pages/item-detail/item-detail.component.scss | 12 ++++++++----
 src/app/pages/search/search.component.scss           |  3 ++-
 8 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/src/app/components/items-carousel/items-carousel.component.scss b/src/app/components/items-carousel/items-carousel.component.scss
index 08b2130..1d7cdd0 100644
--- a/src/app/components/items-carousel/items-carousel.component.scss
+++ b/src/app/components/items-carousel/items-carousel.component.scss
@@ -163,7 +163,8 @@
   img {
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
+    background: white;
     transition: transform 0.3s ease;
   }
 
diff --git a/src/app/pages/cart/cart.component.scss b/src/app/pages/cart/cart.component.scss
index f7a370d..9e57c5c 100644
--- a/src/app/pages/cart/cart.component.scss
+++ b/src/app/pages/cart/cart.component.scss
@@ -280,7 +280,8 @@
     img {
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
+      background: white;
       display: block;
     }
   }
@@ -373,7 +374,8 @@
     img {
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
+      background: white;
       display: block;
       transition: transform 0.3s;
     }
@@ -1464,7 +1466,8 @@
     img {
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
+      background: white;
       transition: transform 0.3s ease;
     }
 
diff --git a/src/app/pages/category/category.component.scss b/src/app/pages/category/category.component.scss
index 9355406..d67818f 100644
--- a/src/app/pages/category/category.component.scss
+++ b/src/app/pages/category/category.component.scss
@@ -74,7 +74,8 @@
     left: 0;
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
+    background: white;
   }
 }
 
diff --git a/src/app/pages/category/subcategories.component.scss b/src/app/pages/category/subcategories.component.scss
index 5cc51e5..d45901f 100644
--- a/src/app/pages/category/subcategories.component.scss
+++ b/src/app/pages/category/subcategories.component.scss
@@ -153,7 +153,8 @@
       .category-media img { 
         width: 100%; 
         height: 100%; 
-        object-fit: cover;
+        object-fit: contain;
+        background: white;
         transition: opacity 0.3s ease;
       }
 
diff --git a/src/app/pages/home/home.component.scss b/src/app/pages/home/home.component.scss
index 7a93a66..6566d8b 100644
--- a/src/app/pages/home/home.component.scss
+++ b/src/app/pages/home/home.component.scss
@@ -252,7 +252,8 @@
   .category-media img {
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
+    background: white;
     transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
   }
 
@@ -567,7 +568,8 @@
   img {
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
+    background: white;
     transition: transform 0.4s;
   }
   
diff --git a/src/app/pages/info/faq/faq.component.ts b/src/app/pages/info/faq/faq.component.ts
index 7ba6cf8..1ca48ed 100644
--- a/src/app/pages/info/faq/faq.component.ts
+++ b/src/app/pages/info/faq/faq.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { environment } from '../../../../environments/environment.novo.production';
+import { environment } from '../../../environments/environment';
 
 @Component({
   selector: 'app-faq',
diff --git a/src/app/pages/item-detail/item-detail.component.scss b/src/app/pages/item-detail/item-detail.component.scss
index 7c71c9c..06a7e9c 100644
--- a/src/app/pages/item-detail/item-detail.component.scss
+++ b/src/app/pages/item-detail/item-detail.component.scss
@@ -59,7 +59,8 @@
     video {
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
+      background: white;
     }
   }
 
@@ -90,7 +91,8 @@
     img {
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
+      background: white;
     }
 
     .video-indicator {
@@ -585,7 +587,8 @@
     video {
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
+      background: white;
     }
 
     &.novo-no-image {
@@ -635,7 +638,8 @@
     img {
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      object-fit: contain;
+      background: white;
     }
 
     .video-indicator {
diff --git a/src/app/pages/search/search.component.scss b/src/app/pages/search/search.component.scss
index 4ff27be..fea0494 100644
--- a/src/app/pages/search/search.component.scss
+++ b/src/app/pages/search/search.component.scss
@@ -147,7 +147,8 @@
     left: 0;
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
+    background: white;
   }
 }