(fix) : Le breadcrumbs est maintenant avec le sepateur après les élém…

…ents et non au début pour être ok sur mobile.
Avantage-Numerique · Jul 19, 2024 · 5e97caa · 5e97caa
1 parent a5f3166
commit 5e97caa
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/common/Breadcrumbs/Breadcrumbs.js b/src/common/Breadcrumbs/Breadcrumbs.js
@@ -146,15 +146,15 @@ const Crumb = ({labels, text, href, last = false}) => {//text: defaultText,
 
     if (last) {
         return (
-            <li className="breadcrumb-item d-flex" aria-current="page">
+            <li className="breadcrumb-item d-flex pb-3" aria-current="page">
                 <div className="text-primary-darker py-0 px-1 bg-primary-light rounded-1" dangerouslySetInnerHTML={{ __html: text }}></div>
             </li>
         )
     }
 
     return (
-        <li className="breadcrumb-item d-flex">
-            <Link href={href} className="text-decoration-underline link-underline-secondary-darker link-underline-opacity-0 link-underline-opacity-75-hover bg-">
+        <li className="breadcrumb-item d-flex pb-3">
+            <Link href={href} className="text-decoration-underline link-underline-secondary-darker link-underline-opacity-0 link-underline-opacity-75-hover">
                 <div className="text-secondary-darker py-0 px-1 bg-secondary-light rounded-1" dangerouslySetInnerHTML={{ __html: text }}></div>
             </Link>
         </li>

diff --git a/styles/main.scss b/styles/main.scss
@@ -32,6 +32,7 @@
 @import './components/main-image.scss';
 @import './components/link.scss';
 @import './components/utils.scss';
+@import './components/breadcrumb.scss';
 
 @import './layouts/default';
 @import './layouts/page-layouts.scss';