fix homeDelivery no address font on > tablet

thelia · Jun 11, 2024 · 67a08f3 · 67a08f3
1 parent 8e1f50b
commit 67a08f3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/components/Organisms/Modules/HomeDelivery/HomeDelivery.twig b/components/Organisms/Modules/HomeDelivery/HomeDelivery.twig
@@ -22,7 +22,7 @@
   <div class='HomeDelivery-bottom bg-theme-lightest'>
     {% if noAddress %}
       <div class="flex flex-col">
-        <span class="font-bold paragraph-2">
+        <span class="HomeDelivery-noAddress">
           Vous n'avez pas d'adresse enregistrée
         </span>
 

diff --git a/components/Organisms/Modules/HomeDelivery/homeDelivery.css b/components/Organisms/Modules/HomeDelivery/homeDelivery.css
@@ -21,6 +21,7 @@
     @apply paragraph-2;
     font-weight: 600;
     color: var(--black);
+    margin-bottom: rem-convert(2px);
   }
 
   &-description {
@@ -29,6 +30,14 @@
     color: var(--grey);
   }
 
+  &-noAddress {
+    @apply paragraph-2;
+    font-weight: 700;
+    @screen md {
+      @apply paragraph-1;
+    }
+  }
+
   &-content {
     display: flex;
     align-items: flex-start;