aljaz/rabbit
1
0
Fork 0
mirror of https://github.com/aljazceru/rabbit.git synced 2025-12-17 14:04:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: highlight emoji completion

Browse Source
This commit is contained in:
Shusui MOYATANI
2023-07-03 01:30:56 +09:00
parent 4da8ae5571
commit 1480ea9679
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/hooks/useEmojiComplete.tsx
View File

@@ -26,7 +26,7 @@ const useEmojiComplete = () => {
}, },
template: (config: CustomEmojiConfig) => { template: (config: CustomEmojiConfig) => {
const e = ( const e = (
<div class="flex gap-1 pb-1"> <div class="flex gap-1 border-b px-2 py-1">
<img class="h-6 max-w-[3rem]" src={config.url} alt={config.shortcode} /> <img class="h-6 max-w-[3rem]" src={config.url} alt={config.shortcode} />
<div>{config.shortcode}</div> <div>{config.shortcode}</div>
</div> </div>
@@ -38,7 +38,11 @@ const useEmojiComplete = () => {
], ],
{ {
dropdown: { dropdown: {
className: 'px-2 pt-2 pb-1 bg-white shadow rounded', className: 'bg-white shadow rounded',
item: {
className: 'cursor-pointer',
activeClassName: 'bg-rose-100 cursor-pointer',
},
}, },
}, },
); );