alex/nova-betterchat
1
0
Fork 0
mirror of https://github.com/NovaOSS/nova-betterchat.git synced 2024-11-25 22:13:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

style: folder icon

Browse source
This commit is contained in:
Jing Hua 2023-04-07 18:17:26 +08:00
parent 51f2385b75
commit a57dfce108
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/Menu/ChatFolder.tsx
View file

@ -146,7 +146,9 @@ const ChatFolder = ({
return ( return (
<div <div
className={`w-full transition-colors ${isHover ? 'bg-gray-800/40' : ''}`} className={`w-full transition-colors group/folder ${
isHover ? 'bg-gray-800/40' : ''
}`}
onDrop={handleDrop} onDrop={handleDrop}
onDragOver={handleDragOver} onDragOver={handleDragOver}
onDragLeave={handleDragLeave} onDragLeave={handleDragLeave}
@ -215,7 +217,7 @@ const ChatFolder = ({
</> </>
) : ( ) : (
<> <>
<div className='relative'> <div className='relative md:hidden group-hover/folder:md:inline'>
<button <button
className='p-1 hover:text-white' className='p-1 hover:text-white'
onClick={() => { onClick={() => {
@ -250,13 +252,13 @@ const ChatFolder = ({
</div> </div>
<button <button
className='p-1 hover:text-white' className='p-1 hover:text-white md:hidden group-hover/folder:md:inline'
onClick={() => setIsEdit(true)} onClick={() => setIsEdit(true)}
> >
<EditIcon /> <EditIcon />
</button> </button>
<button <button
className='p-1 hover:text-white' className='p-1 hover:text-white md:hidden group-hover/folder:md:inline'
onClick={() => setIsDelete(true)} onClick={() => setIsDelete(true)}
> >
<DeleteIcon /> <DeleteIcon />