Browse Source

add a label on the addmember form

AlexiCauvin 7 years ago
parent
commit
601ad8ec96
2 changed files with 19 additions and 7 deletions
  1. 5 2
      src/container/Dashboard.jsx
  2. 14 5
      src/css/Dashboard.styl

+ 5 - 2
src/container/Dashboard.jsx View File

294
                   <div className='dashboard__memberlist__btnadd'>
294
                   <div className='dashboard__memberlist__btnadd'>
295
                     <div className='dashboard__memberlist__btnadd__button'>
295
                     <div className='dashboard__memberlist__btnadd__button'>
296
                       <div className='dashboard__memberlist__btnadd__button__avatar'>
296
                       <div className='dashboard__memberlist__btnadd__button__avatar'>
297
-                        <img src={listMemberBtn} alt='avatar' />
297
+                        <div className='dashboard__memberlist__btnadd__button__avatar__icon'>
298
+                          <i className='fa fa-plus' />
299
+                        </div>
298
                       </div>
300
                       </div>
299
                       <div className='dashboard__memberlist__btnadd__button__text'>
301
                       <div className='dashboard__memberlist__btnadd__button__text'>
300
                          Ajouter un membre
302
                          Ajouter un membre
303
                   </div>
305
                   </div>
304
 
306
 
305
                   <form className='dashboard__memberlist__addmember'>
307
                   <form className='dashboard__memberlist__addmember'>
306
-                    <input type='text' className='dashboard__memberlist__addmember__name form-control' placeholder='Name' />
308
+                    <label className='dashboard__memberlist__addmember__label' for='addmember'>Indiqué le nom de l'utilisateur</label>
309
+                    <input type='text' id='addmember' className='dashboard__memberlist__addmember__name form-control' placeholder='Name' />
307
                     <div className='dashboard__memberlist__addmember__role'>
310
                     <div className='dashboard__memberlist__addmember__role'>
308
                       <div className='dashboard__memberlist__addmember__role__dropdown dropdown'>
311
                       <div className='dashboard__memberlist__addmember__role__dropdown dropdown'>
309
                         <button className='dashboard__memberlist__addmember__role__dropdown__button btn btn-primary dropdown-toggle' type='button' id='dropdownMenuButton' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
312
                         <button className='dashboard__memberlist__addmember__role__dropdown__button btn btn-primary dropdown-toggle' type='button' id='dropdownMenuButton' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>

+ 14 - 5
src/css/Dashboard.styl View File

160
         display flex
160
         display flex
161
         align-items center
161
         align-items center
162
         &__avatar
162
         &__avatar
163
+          display flex
164
+          justify-content center
165
+          align-items center
163
           margin-right 20px
166
           margin-right 20px
167
+          border 2px dashed grey
168
+          border-radius 50%
169
+          width 50px
170
+          height 50px
164
           cursor pointer
171
           cursor pointer
165
-          img
166
-            width 50px
167
-            height 50px
172
+          &__icon
173
+            color grey
174
+            font-size 25px
168
         &__text
175
         &__text
169
           font-size 18px
176
           font-size 18px
170
           color blue
177
           color blue
186
         padding 10px 25px
193
         padding 10px 25px
187
         width auto
194
         width auto
188
       &__role
195
       &__role
189
-        margin-bottom 20px
196
+        margin-bottom 90px
190
         &__dropdown
197
         &__dropdown
191
           &__button
198
           &__button
192
             border 1px solid blue
199
             border 1px solid blue
309
     &__calltoaction
316
     &__calltoaction
310
       justify-content center
317
       justify-content center
311
       &__button
318
       &__button
312
-        margin-right 0
319
+        margin 10px
313
     &__activity
320
     &__activity
314
       margin 25px 0
321
       margin 25px 0
315
       width 100%
322
       width 100%
329
       &__list
336
       &__list
330
         height auto
337
         height auto
331
         overflow-Y visible
338
         overflow-Y visible
339
+        &__item:nth-last-child(1)
340
+          border-bottom 1px solid grey
332
       &__btnadd
341
       &__btnadd
333
         border-top 0
342
         border-top 0
334
     &__webdav
343
     &__webdav