center add to cart when no prices

thelia · Jun 3, 2024 · 6b802c4 · 6b802c4
1 parent 13754fb
commit 6b802c4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/components/Organisms/AddToCart/AddToCart.twig b/components/Organisms/AddToCart/AddToCart.twig
@@ -1,8 +1,10 @@
-<div class='AddToCart'>
-  <div>
-    <div class='price{% if discount %}-promo{% endif %}'>{{ price }}</div>
-    {% if discount %}<div class='price'>{{ discount }}</div>{% endif %}
-  </div>
+<div class='AddToCart {% if not price %}AddToCart--center{% endif %}'>
+  {% if price %}
+    <div>
+      <div class='price{% if discount %}-promo{% endif %}'>{{ price }}</div>
+      {% if discount %}<div class='price'>{{ discount }}</div>{% endif %}
+    </div>
+  {% endif %}
   <div>
     {% if unavailable %}
       <span class='typo-button-large'>Produit indisponible</span>

diff --git a/components/Organisms/AddToCart/addToCart.css b/components/Organisms/AddToCart/addToCart.css
@@ -11,6 +11,9 @@
   padding-top: rem-convert(16px);
   padding-right: rem-convert(14px);
   padding-left: rem-convert(23px);
+  &--center {
+    justify-content: center;
+  }
   .price {
     @apply h3;
     color: var(--black);