style: folder icon

This commit is contained in:
Jing Hua 2023-04-07 18:17:26 +08:00
parent 51f2385b75
commit a57dfce108

View file

@ -146,7 +146,9 @@ const ChatFolder = ({
return (
<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}
onDragOver={handleDragOver}
onDragLeave={handleDragLeave}
@ -215,7 +217,7 @@ const ChatFolder = ({
</>
) : (
<>
<div className='relative'>
<div className='relative md:hidden group-hover/folder:md:inline'>
<button
className='p-1 hover:text-white'
onClick={() => {
@ -250,13 +252,13 @@ const ChatFolder = ({
</div>
<button
className='p-1 hover:text-white'
className='p-1 hover:text-white md:hidden group-hover/folder:md:inline'
onClick={() => setIsEdit(true)}
>
<EditIcon />
</button>
<button
className='p-1 hover:text-white'
className='p-1 hover:text-white md:hidden group-hover/folder:md:inline'
onClick={() => setIsDelete(true)}
>
<DeleteIcon />