1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-14 10:16:26 +00:00

modify: add border line on NoteList component

This commit is contained in:
sota1235
2016-12-29 18:46:11 +09:00
parent 47925489fd
commit 856979b455
2 changed files with 27 additions and 18 deletions

View File

@@ -51,27 +51,29 @@ const NoteItem = ({ isActive, note, dateDisplay, handleNoteClick, handleNoteCont
onClick={e => handleNoteClick(e, `${note.storage}-${note.key}`)}
onContextMenu={e => handleNoteContextMenu(e, `${note.storage}-${note.key}`)}
>
<div styleName='item-bottom-time'>{dateDisplay}</div>
<div styleName='item-wrapper'>
<div styleName='item-bottom-time'>{dateDisplay}</div>
<div styleName='item-title'>
{note.title.trim().length > 0
? note.title
: <span styleName='item-title-empty'>Empty</span>
}
</div>
<div styleName='item-bottom'>
<div styleName='item-bottom-tagList'>
{note.tags.length > 0
? TagElementList(note.tags)
: ''
<div styleName='item-title'>
{note.title.trim().length > 0
? note.title
: <span styleName='item-title-empty'>Empty</span>
}
</div>
</div>
{note.isStarred ?
<i styleName='item-star' className='fa fa-star' /> : ''
}
<div styleName='item-bottom'>
<div styleName='item-bottom-tagList'>
{note.tags.length > 0
? TagElementList(note.tags)
: ''
}
</div>
</div>
{note.isStarred ?
<i styleName='item-star' className='fa fa-star' /> : ''
}
</div>
</div>
)