style: EmojiPicker component top padding (#11452)

This commit is contained in:
Hash Brown 2024-12-07 22:26:28 +08:00 committed by GitHub
parent d9d5d35a77
commit cc8feaa483
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 2 additions and 4 deletions

View File

@ -127,9 +127,7 @@ const AppIconPicker: FC<AppIconPickerProps> = ({
</div> </div>
</div>} </div>}
<Divider className='m-0' /> <EmojiPickerInner className={cn(activeTab === 'emoji' ? 'block' : 'hidden', 'pt-2')} onSelect={handleSelectEmoji} />
<EmojiPickerInner className={activeTab === 'emoji' ? 'block' : 'hidden'} onSelect={handleSelectEmoji} />
<Uploader className={activeTab === 'image' ? 'block' : 'hidden'} onImageCropped={handleImageCropped} onUpload={handleUpload}/> <Uploader className={activeTab === 'image' ? 'block' : 'hidden'} onImageCropped={handleImageCropped} onUpload={handleUpload}/>
<Divider className='m-0' /> <Divider className='m-0' />

View File

@ -68,7 +68,7 @@ const EmojiPickerInner: FC<IEmojiPickerInnerProps> = ({
}, [onSelect, selectedEmoji, selectedBackground]) }, [onSelect, selectedEmoji, selectedBackground])
return <div className={cn(className)}> return <div className={cn(className)}>
<div className='flex flex-col items-center w-full px-3'> <div className='flex flex-col items-center w-full px-3 pb-2'>
<div className="relative w-full"> <div className="relative w-full">
<div className="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none"> <div className="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
<MagnifyingGlassIcon className="w-5 h-5 text-gray-400" aria-hidden="true" /> <MagnifyingGlassIcon className="w-5 h-5 text-gray-400" aria-hidden="true" />