From 72e308c706e50839a08792d74a501d3dd6055c7a Mon Sep 17 00:00:00 2001
From: gofnnp <fbicha1234@gmail.com>
Date: Thu, 19 Jan 2023 21:13:38 +0400
Subject: [PATCH] =?UTF-8?q?dev=20#13306=20=D0=BF=D1=80=D0=B0=D0=B2=D0=BA?=
 =?UTF-8?q?=D0=B8=20=D0=B2=20=D0=BC=D0=BE=D0=B4=D0=B0=D0=BB=D0=BA=D0=B5=20?=
 =?UTF-8?q?=D0=BF=D1=80=D0=BE=D0=B4=D1=83=D0=BA=D1=82=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/components/product-modal/product-modal.component.html | 4 +++-
 .../app/components/product-modal/product-modal.component.scss | 3 +--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/angular/src/app/components/product-modal/product-modal.component.html b/angular/src/app/components/product-modal/product-modal.component.html
index 1b5ce23..b737b68 100644
--- a/angular/src/app/components/product-modal/product-modal.component.html
+++ b/angular/src/app/components/product-modal/product-modal.component.html
@@ -1,5 +1,7 @@
 <div class="product-modal">
-  <div class="product-modal__information-container">
+  <div class="product-modal__information-container" [ngStyle]="{
+    'max-width': product.modifiers_group.length ? 'calc(50% - 16px)' : '100%'
+  }">
     <img
       src="{{
         product.image?.length ? product.image : './assets/no-image.png'
diff --git a/angular/src/app/components/product-modal/product-modal.component.scss b/angular/src/app/components/product-modal/product-modal.component.scss
index b447ea8..71f8495 100644
--- a/angular/src/app/components/product-modal/product-modal.component.scss
+++ b/angular/src/app/components/product-modal/product-modal.component.scss
@@ -7,7 +7,6 @@
     gap: 32px;
 
     &__information-container {
-      max-width: calc(50% - 16px);
       img {
         width: 100%;
         border-radius: 1.125rem;
@@ -133,7 +132,7 @@
       flex-direction: column;
 
       &__information-container {
-        max-width: 100%;
+        max-width: 100% !important;
       }
     }
   }