chat-fe: match autocomplete to designs

This commit is contained in:
Liam Fitzgerald 2020-03-21 13:52:25 +10:00
parent 9c759a7e68
commit 6c403f5135
3 changed files with 6 additions and 91476 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -42,14 +42,14 @@ function ChatInputSuggestion({ ship, contacts, selected, onSelect }) {
<div
onClick={() => onSelect(ship)}
className={cn(
'f8 pv1 ph3 pointer' + ' hover-bg-gray4 relative bb b--gray1-d b--gray4 flex items-center',
'f8 pv1 ph3 pointer hover-bg-gray4 relative hover-bg-gray1-d flex items-center',
{
'white-d': ship !== selected,
'black-d': ship === selected,
'bg-gray0-d': ship !== selected,
'bg-white': ship !== selected,
'bg-gray1-d': ship === selected,
'bg-gray5': ship === selected
'bg-gray4': ship === selected
}
)}
key={ship}
@ -78,12 +78,12 @@ function ChatInputSuggestions({ suggestions, onSelect, selected, contacts }) {
return (
<div
style={{
bottom: '100%',
bottom: '90%',
left: '48px'
}}
className={
'absolute black white-d bg-white bg-gray0-d ' +
'w7 pv1 z-1 mt1 ba b--gray1-d b--gray4'
'w7 pv3 z-1 mt1 ba b--gray1-d b--gray4'
}>
{suggestions.map(ship =>
(<ChatInputSuggestion