Kaynağa Gözat

add a breadcrum on lg and xl display

AlexiCauvin 6 yıl önce
ebeveyn
işleme
7ce7b4a1e6
2 değiştirilmiş dosya ile 7 ekleme ve 1 silme
  1. 5 0
      src/container/Header.jsx
  2. 2 1
      src/css/Header.styl

+ 5 - 0
src/container/Header.jsx Dosyayı Görüntüle

@@ -39,9 +39,14 @@ class Header extends React.Component {
39 39
         <nav className='navbar navbar-expand-md navbar-light bg-light'>
40 40
           <Logo logoSrc={logoHeader} onClickImg={this.handleClickLogo} />
41 41
 
42
+          <div className='header__breadcrumb d-none d-lg-block ml-4'>
43
+            Ressource humaine - liste des contenus
44
+          </div>
45
+
42 46
           <NavbarToggler />
43 47
 
44 48
           <div className='header__menu collapse navbar-collapse justify-content-end' id='navbarSupportedContent'>
49
+
45 50
             <MenuLinkList
46 51
               onClickFeature={this.handleClickFeature}
47 52
               onClickExplore={this.handleClickExplore}

+ 2 - 1
src/css/Header.styl Dosyayı Görüntüle

@@ -6,8 +6,9 @@
6 6
   z-index 4
7 7
   &__logo
8 8
     &__img
9
-      margin-left 40px
10 9
       width 150px
10
+  &__breadcrumb
11
+    width 630px
11 12
   &__menu
12 13
     justify-content flex-end
13 14
     &__list