mirror of https://github.com/fantasticit/think.git
client: update emoji-picker
This commit is contained in:
parent
9c2acfb6fc
commit
fa40d87aa4
|
@ -5,14 +5,13 @@
|
||||||
|
|
||||||
.listWrap {
|
.listWrap {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 250px;
|
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
> li {
|
> div {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
@ -82,13 +82,13 @@ export const EmojiPicker: React.FC<IProps> = ({ showClear = false, onSelectEmoji
|
||||||
{renderedList.map((list) => {
|
{renderedList.map((list) => {
|
||||||
return (
|
return (
|
||||||
<TabPane key={list.title} tab={list.title} itemKey={list.title} style={{ height: 250, overflow: 'auto' }}>
|
<TabPane key={list.title} tab={list.title} itemKey={list.title} style={{ height: 250, overflow: 'auto' }}>
|
||||||
<ul className={styles.listWrap}>
|
<div className={styles.listWrap}>
|
||||||
{(list.data || []).map((ex) => (
|
{(list.data || []).map((ex) => (
|
||||||
<li key={ex} onClick={() => selectEmoji(ex)}>
|
<div key={ex} onClick={() => selectEmoji(ex)}>
|
||||||
{ex}
|
{ex}
|
||||||
</li>
|
</div>
|
||||||
))}
|
))}
|
||||||
</ul>
|
</div>
|
||||||
</TabPane>
|
</TabPane>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
@ -114,7 +114,7 @@ export const EmojiPicker: React.FC<IProps> = ({ showClear = false, onSelectEmoji
|
||||||
title={'表情'}
|
title={'表情'}
|
||||||
visible={visible}
|
visible={visible}
|
||||||
onCancel={toggleVisible}
|
onCancel={toggleVisible}
|
||||||
height={370}
|
height={400}
|
||||||
mask={false}
|
mask={false}
|
||||||
>
|
>
|
||||||
{content}
|
{content}
|
||||||
|
|
Loading…
Reference in New Issue