fix spacing
This commit is contained in:
		
							parent
							
								
									9683ce21b3
								
							
						
					
					
						commit
						cfb610df1e
					
				|  | @ -56,53 +56,53 @@ export const PromptComponent: FC<Props> = ({ | |||
|       > | ||||
|         <IconBulbFilled size={18} /> | ||||
| 
 | ||||
|         <div className="relative max-h-5 flex-1 overflow-hidden text-ellipsis whitespace-nowrap break-all text-left text-[12.5px] leading-3"> | ||||
|         <div className="relative max-h-5 flex-1 overflow-hidden text-ellipsis whitespace-nowrap break-all pr-4 text-left text-[12.5px] leading-3"> | ||||
|           {prompt.name} | ||||
|         </div> | ||||
|       </button> | ||||
| 
 | ||||
|         {(isDeleting || isRenaming) && ( | ||||
|           <div className="absolute right-1 z-10 flex text-gray-300"> | ||||
|             <button | ||||
|               className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100" | ||||
|               onClick={(e) => { | ||||
|                 e.stopPropagation(); | ||||
|       {(isDeleting || isRenaming) && ( | ||||
|         <div className="absolute right-1 z-10 flex text-gray-300"> | ||||
|           <button | ||||
|             className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100" | ||||
|             onClick={(e) => { | ||||
|               e.stopPropagation(); | ||||
| 
 | ||||
|                 if (isDeleting) { | ||||
|                   onDeletePrompt(prompt); | ||||
|                 } | ||||
|               if (isDeleting) { | ||||
|                 onDeletePrompt(prompt); | ||||
|               } | ||||
| 
 | ||||
|                 setIsDeleting(false); | ||||
|               }} | ||||
|             > | ||||
|               <IconCheck size={18} /> | ||||
|             </button> | ||||
|               setIsDeleting(false); | ||||
|             }} | ||||
|           > | ||||
|             <IconCheck size={18} /> | ||||
|           </button> | ||||
| 
 | ||||
|             <button | ||||
|               className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100" | ||||
|               onClick={(e) => { | ||||
|                 e.stopPropagation(); | ||||
|                 setIsDeleting(false); | ||||
|               }} | ||||
|             > | ||||
|               <IconX size={18} /> | ||||
|             </button> | ||||
|           </div> | ||||
|         )} | ||||
|           <button | ||||
|             className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100" | ||||
|             onClick={(e) => { | ||||
|               e.stopPropagation(); | ||||
|               setIsDeleting(false); | ||||
|             }} | ||||
|           > | ||||
|             <IconX size={18} /> | ||||
|           </button> | ||||
|         </div> | ||||
|       )} | ||||
| 
 | ||||
|         {!isDeleting && !isRenaming && ( | ||||
|           <div className="absolute right-1 z-10 flex text-gray-300"> | ||||
|             <button | ||||
|               className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100" | ||||
|               onClick={(e) => { | ||||
|                 e.stopPropagation(); | ||||
|                 setIsDeleting(true); | ||||
|               }} | ||||
|             > | ||||
|               <IconTrash size={18} /> | ||||
|             </button> | ||||
|           </div> | ||||
|         )} | ||||
|       {!isDeleting && !isRenaming && ( | ||||
|         <div className="absolute right-1 z-10 flex text-gray-300"> | ||||
|           <button | ||||
|             className="min-w-[20px] p-1 text-neutral-400 hover:text-neutral-100" | ||||
|             onClick={(e) => { | ||||
|               e.stopPropagation(); | ||||
|               setIsDeleting(true); | ||||
|             }} | ||||
|           > | ||||
|             <IconTrash size={18} /> | ||||
|           </button> | ||||
|         </div> | ||||
|       )} | ||||
| 
 | ||||
|       {showModal && ( | ||||
|         <PromptModal | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue