From 9133203986fd9342107752bfbbb8eee94fc0fb7a Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Tue, 11 Jul 2023 15:32:16 +0200
Subject: [PATCH] wait #6122 @1:00 revue mise en forme

---
 resources/styles/common/global.styl             |  3 +++
 resources/styles/components/products.styl       | 14 ++++++++++++++
 resources/views/layouts/app.blade.php           |  2 +-
 resources/views/pages/category.blade.php        |  2 +-
 resources/views/pages/product-detail.blade.php  |  5 ++---
 resources/views/partials/product-link.blade.php |  4 ++--
 6 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/resources/styles/common/global.styl b/resources/styles/common/global.styl
index 8c0b13e..0745b99 100644
--- a/resources/styles/common/global.styl
+++ b/resources/styles/common/global.styl
@@ -50,6 +50,9 @@ $overlap-amount = 10vw
       constrain(margin-bottom, -5vw)
       z-index: 10
 
+.text-medium
+  font-weight: 500
+
 // Image overlay: radial gradient to provide better readability for overlapping text
 .image-overlay-radial
   position: relative
diff --git a/resources/styles/components/products.styl b/resources/styles/components/products.styl
index b18c90d..56b4187 100644
--- a/resources/styles/components/products.styl
+++ b/resources/styles/components/products.styl
@@ -153,6 +153,9 @@
       height: 21px
       overflow: hidden
 
+.product-description-container
+  h3
+    font-weight 500
 
 .product-img-holder
   @apply bg-white relative pb-100p
@@ -175,3 +178,14 @@
       .no-objectfit & {
         height auto
       }
+
+.product-category
+  .product-highlights
+    font-size 15px
+  .product-description-container
+    *
+      font-family: 'Barlow', Sans-Serif
+    h3
+      font-weight: 700
+  .price
+    font-weight 600
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index f0c869b..220aec7 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -9,7 +9,7 @@
         <link href="{{ mix('css/app.css') }}" rel="stylesheet">
     @endif
 
-    <link href="https://fonts.googleapis.com/css?family=Barlow:400,500,600|Muli:400,700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Barlow:400,500,600,700|Muli:400,700&display=swap" rel="stylesheet">
 @endprepend
 
 @prepend('scripts')
diff --git a/resources/views/pages/category.blade.php b/resources/views/pages/category.blade.php
index 201a937..e5ec9c2 100644
--- a/resources/views/pages/category.blade.php
+++ b/resources/views/pages/category.blade.php
@@ -6,7 +6,7 @@
 
     <full-width class="bg-grey-100" padding="pt-1v pb-2v">
 
-        <content>
+        <content class="product-category">
 
             @if ($filters && $filter_results)
                 <products-filters v-cloak
diff --git a/resources/views/pages/product-detail.blade.php b/resources/views/pages/product-detail.blade.php
index 2f63521..87378ae 100644
--- a/resources/views/pages/product-detail.blade.php
+++ b/resources/views/pages/product-detail.blade.php
@@ -25,7 +25,7 @@
     <content class="pt-1v">
         <text-block title-tag="h1" :title="$product->name">
             <slot name="preTitle">
-                <div class="text-navy text-bold font-display text-xl -mb-2">Ref: {{ $product->reference }}</div>
+                <div class="text-navy text-medium font-display text-xl mb-2">Ref: {{ $product->reference }}</div>
             </slot>
         </text-block>
 
@@ -207,8 +207,7 @@
 
     @if (count($related) > 0)
         <full-width class="bg-grey-100">
-            <content>
-
+            <content class="product-associated">
                 <text-block :title="__('Produits associés')" title-class="h2"/>
 
                 {{-- Product Grid --}}
diff --git a/resources/views/partials/product-link.blade.php b/resources/views/partials/product-link.blade.php
index a58550d..8443fb7 100644
--- a/resources/views/partials/product-link.blade.php
+++ b/resources/views/partials/product-link.blade.php
@@ -36,10 +36,10 @@
                 @if($product->basic_selling_price && $product->json)
                     @php($options = true)
                     <p class="no-m text-sm mt-5">{{ __('Produit configurable') }}</p>
-                    <p>{{ __('A partir de :').' '. $price }}€ HT</p>
+                    <p class="price">{{ __('A partir de :').' '. $price }}€ HT</p>
                 @elseif($product->basic_selling_price && !$product->json)
                     <p class="no-m line-through text-sm mt-5">{{ __('Prix catalogue :').' '.$product->basic_selling_price }}€ HT</p>
-                    <p>{{ __('Votre prix :').' '. $price }}€ HT</p>
+                    <p class="price">{{ __('Votre prix :').' '. $price }}€ HT</p>
                 @endif
             </div>
         </div>
-- 
2.39.5